HSX¶

Krita has four different HSX coordinate systems. The difference between them is how they handle tone.

HSI¶

HSI is a color coordinate system, using Hue, Saturation and Intensity to categorize a color. Hue is roughly the wavelength, whether the color is red, yellow, green, cyan, blue or purple. It is measured in 360°, with 0 being red. Saturation is the measurement of how close a color is to gray. Intensity, in this case, is the tone of the color. What makes intensity special is that it recognizes yellow (rgb:1,1,0) having a higher combined rgb value than blue (rgb:0,0,1). This is a non-linear tone dimension, which means it’s gamma-corrected.

Barvni model HSL¶

HSL is a color coordinate system that describes colors in Hue, Saturation and Lightness. Lightness specifically puts both yellow (rgb:1,1,0), blue (rgb:0,0,1) and middle gray (rgb:0.5,0.5,0.5) at the same lightness (0.5).

HSV¶

HSV, occasionally called HSB, is a color coordinate system that measures colors in Hue, Saturation, and Value (also called Brightness). Value or Brightness specifically refers to strength at which the pixel-lights on your monitor have to shine. It sets Yellow (rgb:1,1,0), Blue (rgb:0,0,1) and White (rgb:1,1,1) at the same Value (100%).

HSY¶

HSY is a color coordinate system categorizing colors in Hue, Saturation and Luminosity. Well, not really, it uses Luma instead of true luminosity, the difference being that Luminosity is linear while Luma is gamma-corrected and just weights the rgb components. Luma is based on scientific studies of how much light a color reflects in real-life. While like intensity it acknowledges that yellow (rgb:1,1,0) is lighter than blue (rgb:0,0,1), it also acknowledges that yellow (rgb:1,1,0) is lighter than cyan (rgb:0,1,1), based on these studies.

Načini zlivanja HSX¶

Barva, HSV, HSI, HSL, HSY¶

Nasvet

These blending modes are called „Color“ in English.

This takes the Luminosity/Value/Intensity/Lightness of the colors on the lower layer, and combines them with the Saturation and Hue of the upper pixels. We refer to Color HSY as ‚Color‘ in line with other applications.

../../_images/Blending_modes_Color_HSI_Gray_0.4_and_Gray_0.5.png — Levo: **Navadno**. Desno: **Barva HSI**.¶

../../_images/Blending_modes_Color_HSI_Light_blue_and_Orange.png — Levo: **Navadno**. Desno: **Barva HSI**.¶

../../_images/Blending_modes_Color_HSI_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Barva HSI**.¶

../../_images/Blending_modes_Color_HSL_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Barva HSL**.¶

../../_images/Blending_modes_Color_HSV_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Barva HSV**.¶

../../_images/Blending_modes_Color_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Barva**.¶

Obarvanost HSV, HSI, HSL, HSY¶

Nasvet

These blending modes are called „Hue“ in English.

Takes the saturation and tone of the lower layer and combines them with the hue of the upper-layer. Tone in this case being either Value, Lightness, Intensity or Luminosity.

../../_images/Blending_modes_Hue_HSI_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Obarvanost HSI**.¶

../../_images/Blending_modes_Hue_HSL_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Obarvanost HSL**.¶

../../_images/Blending_modes_Hue_HSV_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Obarvanost HSV**.¶

../../_images/Blending_modes_Hue_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Obarvanost**.¶

Increase Value, Lightness, Intensity or Luminosity.¶

Nasvet

These blending modes are called „Increase Value / Lightness / Intensity / Luminosity“ in English.

Similar to Lighten, but specific to tone. Checks whether the upper layer’s pixel has a higher tone than the lower layer’s pixel. If so, the tone is increased, if not, the lower layer’s tone is maintained.

../../_images/Blending_modes_Increase_Intensity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj intenzivnost**.¶

../../_images/Blending_modes_Increase_Lightness_Sample_image_with_dots.png — Left: **Normal**. Right: **Increase Lightness**.¶

../../_images/Blending_modes_Increase_Value_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj vrednost**.¶

../../_images/Blending_modes_Increase_Luminosity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečajte svetilnost**.¶

Povečaj nasičenost HSI, HSV, HSL, HSY¶

Nasvet

These blending modes are called „Increase Saturation“ in English.

Similar to Lighten, but specific to Saturation. Checks whether the upper layer’s pixel has a higher Saturation than the lower layer’s pixel. If so, the Saturation is increased, if not, the lower layer’s Saturation is maintained.

../../_images/Blending_modes_Increase_Saturation_HSI_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj nasičenost HSI**.¶

../../_images/Blending_modes_Increase_Saturation_HSL_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj nasičenost HSL**.¶

../../_images/Blending_modes_Increase_Saturation_HSV_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj nasičenost HSV**.¶

../../_images/Blending_modes_Increase_Saturation_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Povečaj nasičenost**.¶

Intenzivnost¶

Nasvet

This blending mode is called „Intensity“ in English.

Takes the Hue and Saturation of the lower layer and outputs them with the intensity of the upper layer.

../../_images/Blending_modes_Intensity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Intenzivnost**.¶

Vrednost¶

Nasvet

This blending mode is called „Value“ in English.

Takes the Hue and Saturation of the lower layer and outputs them with the Value of the upper layer.

../../_images/Blending_modes_Value_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Vrednost**.¶

Svetlost¶

Nasvet

This blending mode is called „Lightness“ in English.

Takes the Hue and Saturation of the lower layer and outputs them with the Lightness of the upper layer.

../../_images/Blending_modes_Lightness_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Svetlost**.¶

Svetilnost¶

Nasvet

This blending mode is called „Luminosity“ in English.

As explained above, actually Luma, but called this way as it’s in line with the terminology in other applications. Takes the Hue and Saturation of the lower layer and outputs them with the Luminosity of the upper layer. The most preferred one of the four Tone blending modes, as this one gives fairly intuitive results for the Tone of a hue.

../../_images/Blending_modes_Luminosity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Svetilnost**.¶

Nasičenost HSI, HSV, HSL, HSY¶

Nasvet

These blending modes are called „Saturation“ in English.

Takes the Intensity and Hue of the lower layer, and outputs them with the HSI saturation of the upper layer.

../../_images/Blending_modes_Saturation_HSI_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Nasičenost HSI**.¶

../../_images/Blending_modes_Saturation_HSL_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Nasičenost HSL**.¶

../../_images/Blending_modes_Saturation_HSV_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Nasičenost HSV**.¶

../../_images/Blending_modes_Saturation_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Nasičenost**.¶

Decrease Value, Lightness, Intensity or Luminosity¶

Nasvet

These blending modes are called „Decrease Value / Lightness / Intensity / Luminosity“ in English.

Similar to Darken, but specific to tone. Checks whether the upper layer’s pixel has a lower tone than the lower layer’s pixel. If so, the tone is decreased, if not, the lower layer’s tone is maintained.

../../_images/Blending_modes_Decrease_Intensity_Gray_0.4_and_Gray_0.5.png — Levo: **Navadno**. Desno: **Zmanjšaj intenzivnost**.¶

../../_images/Blending_modes_Decrease_Intensity_Light_blue_and_Orange.png — Levo: **Navadno**. Desno: **Zmanjšaj intenzivnost**.¶

../../_images/Blending_modes_Decrease_Intensity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj intenzivnost**.¶

../../_images/Blending_modes_Decrease_Lightness_Sample_image_with_dots.png — Left: **Normal**. Right: **Decrease Lightness**.¶

../../_images/Blending_modes_Decrease_Value_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj vrednost**.¶

../../_images/Blending_modes_Decrease_Luminosity_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost**.¶

Zmanjšaj nasičenost HSI, HSV, HSL, HSY¶

Nasvet

Ti načini mešanja se imenujejo »Zmanjšaj nasičenost« (angl. »Decrease Saturation«).

Similar to Darken, but specific to Saturation. Checks whether the upper layer’s pixel has a lower Saturation than the lower layer’s pixel. If so, the Saturation is decreased, if not, the lower layer’s Saturation is maintained.

../../_images/Blending_modes_Decrease_Saturation_HSI_Gray_0.4_and_Gray_0.5.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost HSI**.¶

../../_images/Blending_modes_Decrease_Saturation_HSI_Light_blue_and_Orange.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost HSI**.¶

../../_images/Blending_modes_Decrease_Saturation_HSI_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost HSI**.¶

../../_images/Blending_modes_Decrease_Saturation_HSL_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost HSL**.¶

../../_images/Blending_modes_Decrease_Saturation_HSV_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost HSV**.¶

../../_images/Blending_modes_Decrease_Saturation_Sample_image_with_dots.png — Levo: **Navadno**. Desno: **Zmanjšaj svetilnost**.¶