本篇文章仍然是來自B站“桂林語翔”的PS調(diào)色學(xué)習(xí)教程，這位老師的教程已經(jīng)是第二遍看了，每次看都有收獲。但是好記性不如爛筆頭，所以在此記錄下一些理論性的東西，以便自己以后翻閱?，F(xiàn)在水平能力還不夠，以后PS水平到家了，也會(huì)出一些教學(xué)性質(zhì)的文章或者視頻。

本篇的主角是PS的HSL調(diào)色命令：HSL是色相(Hue)、飽和度(Saturation)和亮度(Lightness)這三個(gè)顏色屬性的簡(jiǎn)稱.通過它我們可以對(duì)某個(gè)色相的這三種屬性進(jìn)行調(diào)節(jié)。

H色相說明：

看下圖，在色相標(biāo)簽下我們可以控制“紅橙黃綠淺綠藍(lán)紫洋紅”8種色相進(jìn)行調(diào)節(jié)。

HSL的色相控制頁面

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

HSL的色相名字對(duì)應(yīng)的滑塊位置

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

調(diào)整之后紅色變橙色；橙色變紅色

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

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

由此我們發(fā)現(xiàn)一個(gè)規(guī)律，就是八個(gè)色相條中“上一個(gè)色相條的右半部分和下一個(gè)色相條的左半部分顏色是一模一樣的“，見下圖：

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

知道這個(gè)規(guī)律之后，我們?cè)谑褂肏SL調(diào)整色相的時(shí)候就不能調(diào)整過度！就是相鄰色相條調(diào)整的時(shí)候，不要出現(xiàn)相互交叉的情況！就比如不要出現(xiàn)上面的紅色變橙色，橙色變紅色那樣的操作。

說了那么多，HSL的H有什么用呢？用處就是兩個(gè)相鄰色相條的滑塊相距比較近的話，可以精簡(jiǎn)色調(diào)。使得顏色統(tǒng)一。當(dāng)然PS相機(jī)校準(zhǔn)三原色也可以做到這一點(diǎn)，但是PS相機(jī)校準(zhǔn)三原色無法控制飽和度和明度，算是一個(gè)缺點(diǎn)。

S飽和度說明：

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

HSL的飽和度控制頁面

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

原圖

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

L明亮度說明：

再來看看“明亮度”這個(gè)標(biāo)簽：其操控頁面見下圖。

HSL的明亮度控制頁面

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

原圖

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