本篇文章仍然是來自B站“桂林語翔”的PS調色學習教程，這位老師的教程已經是第二遍看了，每次看都有收穫。但是好記性不如爛筆頭，所以在此記錄下一些理論性的東西，以便自己以後翻閱。現在水平能力還不夠，以後PS水平到家了，也會出一些教學性質的文章或者影片。

本篇的主角是PS的HSL調色命令：HSL是色相(Hue)、飽和度(Saturation)和亮度(Lightness)這三個顏色屬性的簡稱.透過它我們可以對某個色相的這三種屬性進行調節。

H色相說明：

看下圖，在色相標籤下我們可以控制“紅橙黃綠淺綠藍紫洋紅”8種色相進行調節。

HSL的色相控制頁面

有一個需要注意的地方就是，雖然每個色相的名字在最左邊，但是並不意味著最左邊就是這個色相條的顏色，比如紅色色相，其實紅色這個指的是上圖正中間滑塊對應的位置。同理，橙色對應的也是三角形滑塊對應的位置。見下圖：

HSL的色相名字對應的滑塊位置

那麼這個色相有什麼用呢？比如看下圖的操作，我們將紅色滑塊向右拉到右邊！此時紅色變成了橙色！將橙色滑塊滑到最左邊，此時橙色變成了紅色！見下圖：

調整之後紅色變橙色；橙色變紅色

為什麼會出現這種變化呢？下面就來分析下具體原理！看下圖黃色矩形框的部分：我們發現紅色色相條的右半部分和橙色色相的左半部分是一模一樣的！而下圖中紅色色相的三角滑塊對應的位置是紅色，所以橙色色相的滑塊滑到最左邊的時候，對應的就是紅色。所以色相環中橙色變成了紅色！同理，紅色色相的三角滑塊滑到最右邊的時候，對應的是橙色色相的中間位置也就是橙色位置，所以色相環中的紅色變成了橙色。

紅色色相條的右半部分和橙色色相條的左半部分是一模一樣的

由此我們發現一個規律，就是八個色相條中“上一個色相條的右半部分和下一個色相條的左半部分顏色是一模一樣的“，見下圖：

上一個色相條的右半部分和下一個色相條的左半部分顏色是一模一樣的

知道這個規律之後，我們在使用HSL調整色相的時候就不能調整過度！就是相鄰色相條調整的時候，不要出現相互交叉的情況！就比如不要出現上面的紅色變橙色，橙色變紅色那樣的操作。

S飽和度說明：

飽和度決定著顏色的鮮豔程度

HSL的飽和度控制頁面

向左滑動意味著減少飽和度，向右滑動意味著增加飽和度。以紅色為例，將滑塊向左移動，則頁面中的紅色及其左右兩邊的顏色都會變淡：

原圖

紅色飽和度滑塊滑到最左邊的效果，顏色變淡

L明亮度說明：

再來看看“明亮度”這個標籤：其操控頁面見下圖。

HSL的明亮度控制頁面

我們將紅色的明亮度向左滑到最左邊！則圖片中的紅色顏色及其左右兩邊的顏色會變暗。向右拉會變亮！以向左滑動為例，效果見下圖：

原圖

紅色亮度滑塊向左拉到最左邊時候的效果