目录
一、HSL简介
HSL是色相(Hue)、饱和度(Saturation)和亮度(Lightness)这三个颜色属性的简称。
1、色相（Hue）
色相(Hue)是色彩的基本属性，就是人们平常所说的颜色名称，如紫色、青色、品红等等。我们可以在一个圆环上表示出所有的色相。
色环上的0度、120度、240度位置，分别对应了RGB模型的红、绿、蓝三原色。原色两两混合形成了二次色。比如黄色(60度)就是由红色和绿色混合而成；蓝色和绿色则相加形成青色(180度)；品红(300度)则由红蓝两色组成。
2、饱和度(Saturation)
饱和度(Saturation)是指色彩的纯度，饱和度越高色彩越纯越浓，饱和度越低则色彩变灰变淡。
3、亮度(Lightness)
亮度(Lightness)指的是色彩的明暗程度，亮度值越高，色彩越白，亮度越低，色彩越黑。
4、HSL圆柱
HSL圆柱中的任意一个点，都对应了一种颜色。圆环上的度数代表了颜色的色相，离中轴的距离代表了颜色的饱和度，点的高度则对应了颜色的亮度。
二、HSL面板
HSL面板由色相、饱和度、明亮度三个子面板组成。每个子面板中有8个滑块，分别可以对应调整图像中的8种色彩。
1、色相滑块
色相滑块可以将画面中的颜色通过增加或减少原色来调整至目标颜色。
通过色相环我们可以快速的明白各项滑块的作用。
色相滑块往右移(加数值)，颜色会在色环中顺时针偏色。色相滑块往左移(减数值)，颜色会在色环中逆时针偏色。
2、饱和度滑块
饱和度子选项则是可以控制不同色彩的饱和度，滑块向右移动时，饱和度增加，滑块向左移动时，饱和度减少。
如果我们把饱和度面板里的红色滑块移到最左边，色环中的红色区域变淡变灰了。
3、明亮度滑块
明亮度滑块同样很好理解，滑块向右移动，颜色变亮、白；滑块向左移动，颜色变暗、黑。
把黄色的明亮度滑块移动到最左端，可以看到色环中的黄色变亮了。