前段时间，我在分享后莲花混色知识的时候提到了HSL工具的知识。很多人给我发信息，要求我分享HSL工具的知识。今天我将和大家分享我的HSL工具知识。我希望这对你有帮助。

一、什么是HSL？

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

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

色相环

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

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

结论：

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

S=纯度决定颜色浓淡；

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

二、修图软件中的HSL工具

现在很多润饰软件都是HSL工具，如:电脑润饰软件PS、LR、手机润饰软件VSCO等。HSL调节工具的使用非常方便，非常容易使用，所以一定要掌握好。

三、认识HSL工具

我用PS中的HSL工具来演示，因为HSL工具功能强大且完美，如果你在PS中了解了HSL工具，其他photoshop软件HSL工具的使用都不会有太大的问题。

①PS中的HSL工具

PS中的HSL面板：

色相面板

饱和度面板

明度面板

HSL工具由三个子面板组成:色相，饱和度和亮度。每个子面板中有8个颜色滑块:红色、绿色、蓝色、青色、品红、黄色、紫色和橙色。选择一个颜色滑块来调整颜色，不影响其他颜色，如下面的示例所示。

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

在HSL工具的色相调色板中，我选择红色色相滑块并向左滑动，将红色色相的值更改为-100。正如你在下面的图片中看到的，只有西瓜的颜色改变了。其余的颜色不受影响。

然后我将红色滑块移到最右边，数值就变成了100。整个画面中只有西瓜的颜色发生了变化，其余的颜色没有受到影响。

同样，如果你从饱和度和亮度两个子面板中选择一个颜色滑块进行调整，那么只会调整该颜色，其他颜色不受影响。

结论如下:当使用HSL工具进行调整时，所有的调整只适用于选定的颜色，而不影响屏幕的其他部分。

这允许您将HSL工具定义为可以对屏幕进行微调的分区调整工具。

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

·色相

色相变化规律:当增加颜色的色相值时，颜色将变成其顺时针方向的颜色;当你降低颜色的色相值时，颜色会变成逆时针方向的颜色。

我会先给你们看结论，然后我会给你们看一个例子，让你们更容易理解。同时，为了让你们更容易理解，我做了一个彩色环来演示。

我把彩环的红色部分标出来了。请注意红色部分的面积、饱和度、亮度等。然后对调整过程中的变化进行比较。

我在调色板中选择红色，然后将滑块向右拉至100。很明显，色环中的红色顺时针移动，即向橙色移动，原来的红色部分变成了橙色。

然后我把红色滑块向左拉到-100，很明显，色环中的红色逆时针移动了，也就是，变成了品红。原来图片上的红色变成了品红。

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

第一:当增加颜色的色相值时，颜色会变成其顺时针方向的颜色;当你降低颜色的色相值时，颜色会变成逆时针方向的颜色。

第二:当用HSL工具调整颜色的色调时，它只会改变颜色的两边。

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

·饱和度

饱和度的变化规律:当颜色的饱和度增加时，颜色的浓度增加;当颜色饱和度降低时，颜色就会变浅。

我要突出颜色环中的红色，只是为了记住红色饱和度。

在饱和度面板中，我选择红色滑块，然后将红色滑块向左拉至-100。很明显，颜色圈中的红色已经褪去。

然后我将红色滑块向右拉至100，很明显，颜色环中的红色变暗了。

·明度

亮度变化规律:当颜色亮度增加时，颜色变亮;当颜色的亮度降低时，颜色就会变暗。

我要把红色标在色环上，但记住色环上红色的亮度。

在亮度面板中，我选择红色滑块，并将它向左拉至-100。你可以看到光环中的红色已经变暗了。

然后我把红色滑块向右拉到100，很明显，颜色环中的红色变亮了，甚至变成了白色。

以上就是今天和大家分享的关于HSL的知识，我尽量简化，因为我怕太多的东西容易让人迷惑。另外，我想用一个例子来演示如何使用HSL工具来混合颜色，但是太长了。下次我会和你分享的。