學習後期調色，一定要弄懂HSL工具

前段時間在分享荷花後期調色知識時，提到了關於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工具來調色的，但是篇幅太長了就等著下次再給大家分享吧。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！