HSX

Krita 有四种不同的 HSX 坐标系统,它们使用不同的方式来处理颜色的亮度。

HSI

HSI 颜色坐标系统通过色相 (Hue)、饱和度 (Saturation)、强度 (Intensity) 来对颜色进行定义。色相大致上就是色光的波长,决定了颜色是红、黄、绿、青、蓝、紫。它把颜色数值分布在色相环的 360° 上,其中 0° 为红。饱和度是颜色与灰的接近程度的指标。强度是颜色的亮度,它把黄 (rgb:1,1,0) 视作比蓝 (rgb:0,0,1) 的合并亮度更高。它是一个 gamma 修正的非线性亮度空间。

HSL

HSL 颜色坐标系统通过色相 (Hue)、饱和度 (Saturation)、亮度 (Lightness) 来对颜色进行定义。此系统中的黄 (rgb:1,1,0)、蓝 (rgb:0,0,1)、中间灰 (rgb:0.5,0.5,0.5) 具有相等的亮度 (0.5)。

HSV

HSV, occasionally called HSB, is a color coordinate system. It 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 颜色坐标系统通过色相 (Hue)、饱和度 (Saturation)、光度 (Luminosity, Y) 来对颜色进行定义。但它使用的不是真正的光度,而是经过 gamma 修正,只衡量 RGB 分量的 Luma 光度。Luma 光度基于在现实生活中颜色对光的反射情况,根据相关研究结果,它把黄 (rgb:1,1,0) 视作比蓝 (rgb:0,0,1) 和 青 (rgb:0,1,1) 更亮。

HSX 混色模式

颜色 HSV、HSI、HSL、HSY

提示

These blending modes are called “Color” in English.

把下层颜色的明度、强度、亮度、光度和上层颜色的饱和度和色相组合。我们为了和其他软件的做法保持一致,把“颜色 HSY”叫做“颜色”。

../../_images/Blending_modes_Color_HSI_Gray_0.4_and_Gray_0.5.png

左: 正常 ; 右: 颜色 HSI

../../_images/Blending_modes_Color_HSI_Light_blue_and_Orange.png

左: 正常 ; 右: 颜色 HSI

../../_images/Blending_modes_Color_HSI_Sample_image_with_dots.png

左: 正常 ; 右: 颜色 HSI

../../_images/Blending_modes_Color_HSL_Sample_image_with_dots.png

左: 正常 ; 右: 颜色 HSL

../../_images/Blending_modes_Color_HSV_Sample_image_with_dots.png

左: 正常 ; 右: 颜色 HSV

../../_images/Blending_modes_Color_Sample_image_with_dots.png

左: 正常 ; 右: 颜色

色相 HSV、HSI、HSL、HSY

提示

These blending modes are called “Hue” in English.

把下层颜色的饱和度和亮度与上层颜色的色相组合。此处的“亮度”对应各个模式的明度、强度、亮度、光度等。我们为了和其他软件的做法保持一致,把“色相 HSY”叫做“色相”。

../../_images/Blending_modes_Hue_HSI_Sample_image_with_dots.png

左: 正常 ; 右: 色相 HSI

../../_images/Blending_modes_Hue_HSL_Sample_image_with_dots.png

左: 正常 ; 右: 色相 HSL

../../_images/Blending_modes_Hue_HSV_Sample_image_with_dots.png

左: 正常 ; 右: 色相 HSV

../../_images/Blending_modes_Hue_Sample_image_with_dots.png

左: 正常 ; 右: 色相

提高明度、亮度、强度、光度

提示

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

变亮 类似,但仅针对亮度。检查上层颜色是否比下层颜色更亮,如果是,则提高亮度,如果否,则保持下层亮度不变。

../../_images/Blending_modes_Increase_Intensity_Sample_image_with_dots.png

左: 正常 ; 右: 提高强度

../../_images/Blending_modes_Increase_Lightness_Sample_image_with_dots.png

左: 正常 ; 右: 提高亮度

../../_images/Blending_modes_Increase_Value_Sample_image_with_dots.png

左: 正常 ; 右: 提高明度

../../_images/Blending_modes_Increase_Luminosity_Sample_image_with_dots.png

左: 正常 ; 右: 提高光度

提高饱和度 HSV、HSI、HSL、HSY

提示

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

变亮 类似,但仅针对饱和度。检查上层颜色是否比下层颜色更饱和,如果是,则提高饱和度,如果否,则保持下层饱和度不变。我们为了和其他软件的做法保持一致,把“提高饱和度 HSY”叫做“提高饱和度”。

../../_images/Blending_modes_Increase_Saturation_HSI_Sample_image_with_dots.png

左: 正常 ; 右: 提高饱和度 HSI

../../_images/Blending_modes_Increase_Saturation_HSL_Sample_image_with_dots.png

左: 正常 ; 右: 提高饱和度 HSL

../../_images/Blending_modes_Increase_Saturation_HSV_Sample_image_with_dots.png

左: 正常 ; 右: 提高饱和度 HSV

../../_images/Blending_modes_Increase_Saturation_Sample_image_with_dots.png

左: 正常 ; 右: 提高饱和度

强度

提示

This blending mode is called “Intensity” in English.

把下层颜色数值的色相和饱和度与上层颜色数值的强度组合。

../../_images/Blending_modes_Intensity_Sample_image_with_dots.png

左: 正常 ; 右: 强度

明度

提示

This blending mode is called “Value” in English.

把下层颜色数值的色相和饱和度与上层颜色数值的明度组合。

../../_images/Blending_modes_Value_Sample_image_with_dots.png

左: 正常 ; 右: 明度

亮度

提示

This blending mode is called “Lightness” in English.

把下层颜色数值的色相和饱和度与上层颜色数值的亮度组合。

../../_images/Blending_modes_Lightness_Sample_image_with_dots.png

左: 正常 ; 右: 亮度

光度

提示

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

左: 正常 ; 右: 光度

饱和度 HSI、HSV、HSL、HSY

提示

These blending modes are called “Saturation” in English.

把下层颜色数值的强度/亮度/明度/光度还有色相,与上层颜色数值的饱和度组合。

../../_images/Blending_modes_Saturation_HSI_Sample_image_with_dots.png

左: 正常 ; 右: 饱和度 HSI

../../_images/Blending_modes_Saturation_HSL_Sample_image_with_dots.png

左: 正常 ; 右: 饱和度 HSL

../../_images/Blending_modes_Saturation_HSV_Sample_image_with_dots.png

左: 正常 ; 右: 饱和度 HSV

../../_images/Blending_modes_Saturation_Sample_image_with_dots.png

左: 正常 ; 右: 饱和度

降低明度、亮度、强度、光度

提示

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

变暗 类似,但仅针对亮度。检查上层颜色是否比下层颜色更暗,如果是,则降低亮度,如果否,则保持下层亮度不变。

../../_images/Blending_modes_Decrease_Intensity_Gray_0.4_and_Gray_0.5.png

左: 正常 ; 右: 降低强度

../../_images/Blending_modes_Decrease_Intensity_Light_blue_and_Orange.png

左: 正常 ; 右: 降低强度

../../_images/Blending_modes_Decrease_Intensity_Sample_image_with_dots.png

左: 正常 ; 右: 降低强度

../../_images/Blending_modes_Decrease_Lightness_Sample_image_with_dots.png

左: 正常 ; 右: 降低亮度

../../_images/Blending_modes_Decrease_Value_Sample_image_with_dots.png

左: 正常 ; 右: 降低明度

../../_images/Blending_modes_Decrease_Luminosity_Sample_image_with_dots.png

左: 正常 ; 右: 降低光度

降低饱和度 HSI、HSV、HSL、HSY

提示

These blending modes are called “Decrease Saturation” in English.

变暗 类似,但仅针对饱和度。检查上层颜色是否比下层颜色更不饱和,如果是,则降低不饱和度,如果否,则保持下层饱和度不变。我们为了和其他软件的做法保持一致,把“降低饱和度 HSY”叫做“降低饱和度”。

../../_images/Blending_modes_Decrease_Saturation_HSI_Gray_0.4_and_Gray_0.5.png

左: 正常 ; 右: 降低饱和度 HSI

../../_images/Blending_modes_Decrease_Saturation_HSI_Light_blue_and_Orange.png

左: 正常 ; 右: 降低饱和度 HSI

../../_images/Blending_modes_Decrease_Saturation_HSI_Sample_image_with_dots.png

左: 正常 ; 右: 降低饱和度 HSI

../../_images/Blending_modes_Decrease_Saturation_HSL_Sample_image_with_dots.png

左: 正常 ; 右: 降低饱和度 HSL

../../_images/Blending_modes_Decrease_Saturation_HSV_Sample_image_with_dots.png

左: 正常 ; 右: 降低饱和度 HSV

../../_images/Blending_modes_Decrease_Saturation_Sample_image_with_dots.png

左: 正常 ; 右: 降低饱和度