学后期调色，要先认识HSL

HSL工具是我们最为常用的色彩调整工具之一，想要学好后期调色HSL工具是必须要弄懂的，今天就给大家分享一下关于HSL的知识，希望对大家有帮助。

一、什么是“HSL”？

前面讲颜色的基础知识时我给大家讲过了，色彩有三个属性，分别是“色相（Hue）、饱和度（Saturation）、亮度（Lightness）”，取这三个属性的首字母即“HSL”。

色相：色相即色彩的相貌，也就是色彩的名称，比如：红色、绿色、青色之类的就称之为色相。

色相环

饱和度：饱和度即色彩的纯度，饱和度越高色彩越浓，饱和度越低色彩越淡。

色彩饱和度

明度：明度即色彩的明亮程度，亮度值越高，色彩越白，亮度越低，色彩越黑。

色彩明度

结论：

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

S=纯度决定颜色浓淡；

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

二、学会使用“HSL”工具

在很多修图软件都有HSL工具，比如：PS、LR、泼辣修图、VSCO这些修图软件中都有HSL工具，大家一定要学会用才行。我这里拿PS中的HSL工具来给大家做分享，大家认识了PS中的HSL工具，其它修图软件的HSL工具应该也能熟练运用了。

①认识HSL

PS中的HSL面板：

色相面板

饱和度面板

明度面板

HSL由色相、饱和度、明度这三个子面板组成，每个子面板中都有八个滑块，调整这八个滑块可以对照片中的八种色彩进行调整。

这八个滑块的颜色分别是：红色、绿色、蓝色、青色、洋红色、黄色、紫色、橙色。当我们选择其中一种颜色时就只会调整这种颜色的色相、饱和度、明度。

比如：我用HSL调整一张照片，我选择红色进行调整则只会影响照片中的红色，其它颜色不受影响。

利用HSL对照片进行调整

选择红色，然后向左拉画面中只有西瓜的颜色变了，其它颜色并未受到影响。

把红色向左拉

同样把红色向右拉也只影响西瓜颜色，画面中其它颜色不受影响。

把红色向右拉

同理，在饱和度、明度这两个子面板中也是一样的，选择一种颜色只对该颜色进行调整，其它颜色不受影响。

因为在用HSL工具对照片进行调整时，所有的调整只会应用于我们选中的颜色，所以说HSL工具是一个分区调整工具，让我们可以对照片进行精细调整。

②HSL的色彩色相的变化规律

先说结论，然后下面再演示：当提高该颜色的色相数值时，这种颜色会变成它顺时针方向的颜色；当降低该颜色的色相数值时，这种颜色会变成它逆时针方向的颜色。

我去找了一个色环来做演示：

我选择红了，我用箭头在画面中标注出红色的范围了，大家看一下：

红色

我把红色色相向右拉到100，色环中的红色就会往顺时针方向偏色，也就是偏向橙色，大家看下面的图片，原来红色的部分全部变成了橙色。

红色色相+100

我把红色色相向左拉到-100，色环中的红色就会往逆时针方向偏色，也就是偏向洋红色（品红色），大家看下面的图片，原来红色的部分全部变成了洋红色。

红色色相-100

通过上面的演示印证了“当提高该颜色的色相数值时，这种颜色会变成它顺时针方向的颜色；当降低该颜色的色相数值时，这种颜色会变成它逆时针方向的颜色”这个结论。

另外，通过上面的演示还得出一个结论“当用HSL工具调整一种颜色的色相时，它只会变成它两边的颜色”。比如我上面把红色色相调到100以及-100，红色色相只是变成它两边的颜色“橙色”和“洋红”，而没有变成蓝色、青色、绿色之类的。

其它几种颜色的变化规律也是一样的，大家知道这个规律就行。你知道了就算对HSL工具有个基本的认识了，可以尝试去用一下。

③HSL的色彩饱和度的变化规律

先说结论，然后再演示：当提高该颜色的饱和，这种颜色的浓度增加；当减少该颜色的饱和度，这种颜色变淡。

选择红色色相的饱和度来进行调整：

红色饱和度

先把红色色相的饱和度降低，红色部分变暗淡：

红色饱和度-100

然后把红色色相的饱和度增加，红色部分变得很浓：

红色饱和度100

③HSL的色彩明度的变化规律

先说结论，然后演示：当提高该颜色的明度，这种颜色变亮；当降低该颜色的明度，这种颜色变暗。

选择红色色相的明度进行调整：

红色色相明度

我降低了红色色相的明度，可以发现红色部分变暗了：

红色明度-100

我增加红色色相的明度，可以发现红色部分变亮了：

红色明度100

饱和度和明度到简单，关键是色相调整哪里，大家需要花很多时间去摸索才行。最直接有效的办法就是找几张照片去调整，调整几次自己就熟悉了。

总结：本来想找张图片给大家演示一下的，但是篇幅太长了，下一篇给大家用实例进行演示，让大家进一步熟悉HSL工具怎么用。