HSV, HSL

Posted on , updated on by allenmo

HSV, HSL比较：

左HSL,                                                                                              右HSV:

1200px-HSL_HSV_cylinder_color_solid_comparison

HSV通常表示为圆锥形, 根据定义，

红色处于0度左右两边（不包括0度），

绿色处于120度及左右两边（包括120度），

蓝色处于240度及左右两边（包括240度）:

HSV_cone

 

HSL:

资料来自维基：https://zh.wikipedia.org/wiki/HSL和HSV色彩空间

HSV, HSL基于r,g,b的计算定义：

设 (r, g, b)分别是一个颜色的红、绿和蓝坐标，它们的值是在0到1之间的实数。设max等价于r, g和b中的最大者。设min等于这些值中的最小者。要找到在HSL空间中的 (h, s, l)值，这里的h ∈ [0, 360）度是角度的色相角，而s, l ∈ [0,1]是饱和度和亮度，计算为：

h={\begin{cases}0^{\circ }&{\mbox{if }}max=min\\60^{\circ }\times {\frac {g-b}{max-min}}+0^{\circ },&{\mbox{if }}max=r{\mbox{ and }}g\geq b\\60^{\circ }\times {\frac {g-b}{max-min}}+360^{\circ },&{\mbox{if }}max=r{\mbox{ and }}g<b\\60^{\circ }\times {\frac {b-r}{max-min}}+120^{\circ },&{\mbox{if }}max=g\\60^{\circ }\times {\frac {r-g}{max-min}}+240^{\circ },&{\mbox{if }}max=b\end{cases}}s={\begin{cases}0&{\mbox{if }}l=0{\mbox{ or }}max=min\\{\frac {max-min}{max+min}}={\frac {max-min}{2l}},&{\mbox{if }}0<l\leq {\frac {1}{2}}\\{\frac {max-min}{2-(max+min)}}={\frac {max-min}{2-2l}},&{\mbox{if }}l>{\frac {1}{2}}\end{cases}}

l={\begin{matrix}{\frac {1}{2}}\end{matrix}}(max+min)

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

HSL和HSV有同样的色相定义，但是其他分量不同。HSV颜色的s和v的值定义如下：s={\begin{cases}0,&{\mbox{if }}max=0\\{\frac {max-min}{max}}=1-{\frac {min}{max}},&{\mbox{otherwise}}\end{cases}}

v=max\,

 

HSL和HSV之间相互转换：

http://colormine.org/convert/hsl-to-hsv

 

HSL转RGB:

http://lib.csdn.net/article/css3/52059

 

Post Views: 2,778