HSL

代表“Hue, Saturation, Lightness”。

HSL 是一种颜色模型，它将颜色定义为三个属性的组合，类似于 RGB 颜色模型。它首先指定色轮上的一个点，然后调整饱和度和亮度来创建最终颜色。平面设计师和网页设计师经常使用它，因为它可以更轻松地进行细微的颜色调整，而不必使用取色器。

RGB 颜色模型将颜色表示为其他颜色的混合，而 HSL 则使用色相、饱和度和亮度这三个属性来定义颜色：

• 色相表示色轮上的角度位置，数值范围为 0 到 359º。纯红色位于色轮顶部，用角度值 0º 表示；青色位于色轮的另一端，角度值为 180º。
• 饱和度表示颜色的强度，百分比范围为 0% 到 100%。饱和度为 0% 时会得到灰色。
• 亮度表示颜色的明暗程度，百分比范围为 0% 到 100%。亮度为 0% 时是黑色，亮度为 50% 时是该颜色本身，亮度为 100% 时是白色。

HSL 颜色模型能够生成与 RGB 相同范围的颜色，只是表示方式不同。例如，RGB 值为 R:166、G:242、B:242 的浅青色或(十六进制值 #A6F2F2），与色相为 180º、饱和度为 75%、亮度为 80% 的颜色相同。即使图像编辑器使用 HSL，数字图像文件仍会将颜色信息保存为 RGB 值。

HSL 被认为是一种更直观的方式，可以用一组数字来定义颜色。网页设计师经常在 CSS 中使用 HSL 而不是 RGB 来指定颜色，以简化细微调整。例如，如果网页设计师使用 CSS 代码 hsl(180, 75%, 80%) 指定了一种颜色，就可以通过减小亮度数值使其变暗。如果使用 RGB 值进行相同的调整，则需要以不同的幅度更改全部三个数值。

NOTE: HSL 颜色模型与 HSB 模型类似。HSB 对色相使用相同的计算方式，但使用明度而不是亮度——其中数值 100 表示完整的颜色而不是白色——这也会影响饱和度的计算。