计算机颜色系统:RGB、HSV与HSL

RGB、HSV和HSL是对计算颜色的三种不同的表示方法。RGB:Red(红色)、Green(绿色)、Blue(蓝色);HSV:Hue(色相)、Saturation(饱和度)、Value(色调);HSL:Hue(色相)、Saturation(饱和度)、Lightness(亮度)。其中HSV也叫做HSB:Hue(色相)、Saturation(饱和度)、Brightness(明度)。HSV和HSL是对RGB色彩空间点的两种描述方法。

HSL和HSV在数学上定义主RGB空间中颜色Red、Green、Blue的坐标变换,几者可以相互转换。

1、RGB到HSL和HSV的转换

设 (r, g, b) 分别是一个颜色的红、绿和蓝坐标,它们的值是在 0 到 1 之间的实数。设 max 等价于 r, g 和 b 中的最大者。设 min 等于这些值中的最小者。要找到在 HSL 空间中的 (h, s, l) 值,这里的 h ∈ [0, 360)是角度的色相角,而 s, l ∈ [0,1] 是饱和度和亮度,计算公式为:
计算机颜色系统:RGB、HSV与HSL_第1张图片

h 的值通常规范化到位于 0 到 360°之间。而 h = 0 用于 max = min 的(就是灰色)时候而不是留下 h 未定义。

HSL 和 HSV 有同样的色相定义,但是其他分量不同。HSV 颜色的 s 和 v 的值定义如下:

计算机颜色系统:RGB、HSV与HSL_第2张图片

2、HSL到RGB的转换

给定 HSL 空间中的 (h, s, l) 值定义的一个颜色,h 表示色相角度,其值域为 [0, 360)。s 和 l分别表示饱和度和亮度,其值域为 [0, 1] 。相应在 RGB 空间中的 (r, g, b) 三原色,带有分别对应于红色、绿色和蓝色的 r, g 和 b 也在值域 [0, 1] 中,它们可计算为:

①、如果 s = 0,则结果的颜色是非彩色的(灰色的)。在这个特殊情况,r, g 和 b 都等于 l。注意 h 的值在这种情况下是未定义的。

②、s ≠ 0 的时候,可以使用下列公式:

计算机颜色系统:RGB、HSV与HSL_第3张图片

对于每个颜色向量

计算机颜色系统:RGB、HSV与HSL_第4张图片

 

3、HSV到RGB的转换

类似的,给定在 HSV 中 (hsv) 值定义的一个颜色,h 表示色相角度,其值域为 [0, 360)。s 和  v分别表示饱和度和明度,其值域为 [0, 1] 。在 RGB 空间中对应的 (rgb) 三原色的转换公式为:

计算机颜色系统:RGB、HSV与HSL_第5张图片

你可能感兴趣的:(计算机颜色系统:RGB、HSV与HSL)