HSV的比较

HSL 类似于 HSV。对于一些人，HSL 更好的反映了“饱和度”和“亮度”作为两个独立参数的直觉观念，但是对于另一些人，它的饱和度定义是错误的，因为非常柔和的几乎白色的颜色在 HSL 可以被定义为是完全饱和的。对于 HSV 还是 HSL 更适合于人类用户界面是有争议的。

W3C的CSS3 规定声称“HSL 的优点是它对称于亮与暗（HSV 就不是这样）…”，这意味着： 在 HSL 中，饱和度分量总是从完全饱和色变化到等价的灰色（在 HSV 中，在极大值 V 的时候，饱和度从全饱和色变化到白色，这可以被认为是反直觉的）。 在 HSL 中，亮度跨越从黑色过选择的色相到白色的完整范围（在 HSV 中，V 分量只走一半行程，从黑到选择的色相）。 在软件中，通常以一个线性或圆形色相选择器和在其中为选定的色相选取饱和度和明度/亮度的一个二维区域（通常为方形或三角形）形式提供给用户基于色相的颜色模型（HSV 或 HSL）。通过这种表示，在 HSV 和 HSL 之间的区别就无关紧要了。但是很多程序还允许你通过线性滑块或数值录入框来选择颜色的明度/亮度，而对于这些控件通常使用要么 HSL 要么 HSV（而非二者）。HSV 传统上更常用。

HSL是一种将RGB色彩模型中的点在圆柱坐标系中的表示法。HSL即色相（Hue）、饱和度（Saturation）、亮度（Lightness）。HSL的色相（H）是色彩的基本属性，如红色、**等。色相是由原色、间色和复色来构成的。色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。

以华为MateBook X、win10为例。

HSL是一种将RGB色彩模型中的点在圆柱坐标系中的表示法。HSL即色相（Hue）、饱和度（Saturation）、亮度（Lightness）。

HSL的色相（H）是色彩的基本属性，就是颜色名称，如红色、**等。色相就是由原色、间色和复色来构成的。色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。

HSL的饱和度（S）是色彩的鲜艳程度，也称色彩的纯度。饱和度取决于该色中含色成分和消色成分（灰色）的比例。含色成分越大，饱和度越大；消色成分越大，饱和度越小。取0-100%的数值。

HSL的明度（L）是颜色的明暗程度，主要是由光线强弱决定的一种视觉经验。色调相同的颜色，明暗可能不同。一般来说，光线越强，看上去越亮；光线越弱，看上去越暗。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com