前段时间在分享荷花后期调色知识时，提到了关于HSL工具的知识，很多人发来消息让我分享一下关于HSL工具的知识。今天就给大家分享一下关于HSL工具的知识，希望对大家有帮助。

一、什么是HSL？

色彩有三个基本的属性，即“色相（Hue）、饱和度（Saturation）、亮度（Lightness）”，取这三个属性的首字母就是“HSL”了。因为前面讲色彩知识时讲过了，所以这里就不再重复讲它的原理了。

①色相：就是颜色的色彩相貌，说简单点就是这个什么颜色，比如：蓝色、青色、紫色等就是色相。

色相环

②饱和度：就是色彩的纯度，饱和度越高色彩越浓、饱和度越低色彩越淡。

③明度：就是色彩的明亮程度，色彩的明度越高，色彩越亮：色彩的明度越暗，色彩越暗。

结论：

H=色相决定是什么颜色；

S=纯度决定颜色浓淡；

B=明度决定照射在颜色上的白光有多亮。

二、修图软件中的HSL工具

现在很多修图软件都是有HSL工具的，比如：电脑修图软件PS、LR，手机修图软件VSCO、泼辣修图等。在后期修图时利用HSL工具进行调整十分方便，而且非常好用，所以大家一定要掌握好才行。

三、认识HSL工具

我这里用PS中的HSL工具来做演示，因为HSL工具强大并且完善，大家要是弄懂了PS中的HSL工具，其它修图软件中的HSL工具用起来也没有太大问题。

①PS中的HSL工具

PS中的HSL面板：

色相面板

饱和度面板

明度面板

HSL工具由三个子面板组成，分别是：色相、饱和度、明度。在每个子面板中都有八个色彩滑块，分别是：红色、绿色、蓝色、青色、洋红色、黄色、紫色、橙色。当选中其中一个色彩滑块就可以对该色彩进行调整，而其它色彩不受影响，下面举个例子。

我把一张照片导入PS中，然后用HSL工具进行调整：

打开凤凰新闻，查看更多高清图片

在HSL工具的色相面板中，我选择红色色相滑块，然后向左滑动，将红色色相数值变为-100。大家可以看下图，画面中只有西瓜的颜色变了，其余颜色未受影响。

然后我再把红色色相滑块拉至最右，数值变为100，整个画面中也只有西瓜颜色变了，其余颜色未受影响。

同理，你在饱和度、明度这两个子面板中选择其中一个色彩滑块进行调整，选择一个色彩进行调整则只对该色彩进行调整，其余色彩是不受影响的。

这里就可以得出一个结论：当用HSL工具进行调整时，所有的调整只会应用于我们选中的色彩，画面其它色彩不受影响。

因为这样大家可以将HSL工具定义为一个分区调整工具，可以对画面进行精细化调整。

②HSL工具色相/饱和度/明度变化规律

•色相

色相的变化规律：当提高该颜色的色相数值时，这种颜色会变成它顺时针方向的颜色；当降低该颜色的色相数值时，这种颜色会变成它逆时针方向的颜色。

我这里是先把结论给大家说了，让再用实例在做演示，这样大家更容易理解。另外，为了大家好理解，我弄了一个色环来做演示。

我把色环中红色的部分标注了出来，大家看好红色部分的面积、饱和度、明度等等，接下来调整时的变化好有对比。

我在色相面板选择红色色相，然后把滑块向右拉动至100，可以明显发现色环中的红色往顺时针方向偏色，也就是偏向橙色，原来红色的部分变成了橙色。

然后我把红色滑块向左拉动至-100，可以明显发现色环中的红色往逆时针方向偏色，也就是偏向洋红色，原来画面中的红色变成了洋红色。

通过上面的演示可以得出两个结论：

第一：当提高该颜色的色相数值时，这种颜色会变成它顺时针方向的颜色；当降低该颜色的色相数值时，这种颜色会变成它逆时针方向的颜色。

第二：当用HSL工具调整一种颜色的色相时，它只会变成它两边的颜色。

其它颜色的原理是一样的，弄懂一个基本就弄懂其它的了。

•饱和度

饱和度的变化规律：当提高该颜色的饱和，这种颜色的浓度增加；当减少该颜色的饱和度，这种颜色变淡。

我还是把色环中的红色标注了出来，大家记住现在红色饱和度。

在饱和度面板，我选中红色滑块，然后将红色滑块向左拉至-100，可以明显发现色环中红色变得淡了。

然后我将红色滑块向右拉至100，可以明显发现色环中的红色变浓了。

•明度

明度变化规律：当提高该颜色的明度，这种颜色变亮；当降低该颜色的明度，这种颜色变暗。

我还是把色环的红色标注了出来，大家记住现在色环中红色的明度。

在明度面板中，我选中红色滑块向左拉至-100，可以明显看出色环中的红色变暗了。

然后我把红色滑块向右拉至100，可以明显发现色环中的红色变亮了，甚至变成了白色。

总结：以上就是今天给大家分享的HSL的知识，我尽量往简单化了讲，因为我怕东西太多大家容易混乱。另外，本来想用实例演示一下怎么用HSL工具来调色的，但是篇幅太长了就等着下次再给大家分享吧。