前言

HSL調(diào)整界面

什么是HSL

沒有接觸過色彩相關(guān)知識的朋友可能對HSL有點(diǎn)迷惑，但是你一定知道RGB，在RGB色彩空間中，任何你所能看到的顏色都能用一組三個0-255的數(shù)字表示出來。

RGB色彩空間

例如白色（255，255，255），黑色（0，0，0），灰色（128，128，128），8位的RGB色彩空間能表示256*256*256=16777216種顏色，接近兩千萬種顏色。所以有的顯示器廠商會這樣去宣傳

某顯示器宣傳畫面

實(shí)際上1670萬色只是最最基礎(chǔ)的配置，顯示效果并不細(xì)膩。

回到我們的色彩空間，既然使用RGB可以表示顏色，那還可不可以用其他的方式去表示一種顏色，當(dāng)然可以，例如Lab，YUV，CMYK，HSL等等，每種不同的色彩空間適用于不同的領(lǐng)域，今天stupid要和大家聊的則是這里的HSL。

要了解HSL，首先我們要了解H，S和L分別代表著什么。

H——色相（顏色的相貌，通常我們問這個是什么顏色問的就是色相）
S——飽和度（色彩的純度，飽和度越高色彩看起來越鮮艷）
L——亮度/明度（代表色彩的灰度，一個顏色它如果越亮的話，則亮度越高，反之越低）

如果有小伙伴不明白的話，我們評論留言下一期可以聊一聊色彩空間相關(guān)的內(nèi)容。

HSL色彩空間

在PS中CameraRaw對HSL調(diào)整

對一張圖片在CameraRaw中對HSL進(jìn)行調(diào)整可以達(dá)到什么樣的效果呢？

這是一張空拍的照片，因?yàn)榘念伾^多，所以用來做本期HSL調(diào)整的素材

進(jìn)入CameraRaw中，在HSL調(diào)整中，我們可以看到這樣的界面

對圖片進(jìn)行HSL調(diào)整的界面

圖片的右側(cè)HSL調(diào)整模塊中有色相，飽和度，亮度三個子選項(xiàng)，每個選項(xiàng)下又有8個的顏色滑塊可以滑動，這八個滑塊分別對應(yīng)著不同的8種顏色。

cameraRaw中的選項(xiàng)

在HSL調(diào)整模塊中紅色滑塊下面是橙色，橙色往下依次是黃色，綠色，淺綠色，藍(lán)色，紫色，洋紅色。這樣的順序和色環(huán)里這些顏色的位置關(guān)系一致，你可以把HSL工具提供的顏色調(diào)整滑塊與色環(huán)聯(lián)系起來。例如在下圖的色環(huán)中，與紫色相鄰的是藍(lán)色和洋紅色，所以了解一些基本的色彩知識可以更好的操控HSL工具。

色相環(huán)

例如在電影中，我們時(shí)?？梢钥吹疆嬅媸褂么罅康某壬{(diào)，人的肌膚，建筑物等都調(diào)到了橙色。

視頻截圖

下面我們對上面例圖進(jìn)行處理，把橙色的相鄰色調(diào)至橙色。

橙色相鄰的色相調(diào)整至橙色

我們來看調(diào)節(jié)前后對比圖：

把橙色附近的色相都調(diào)至橙色

你可以想象把所有的色相調(diào)節(jié)滑塊串聯(lián)起來，形成一個環(huán)，例如紅色滑塊向右調(diào)節(jié) 則是橙色，向左調(diào)節(jié)-則是洋紅色，這個原理可以應(yīng)用到整個色相調(diào)節(jié)模塊中。

飽和度調(diào)節(jié)滑塊

對某一個顏色的飽和度進(jìn)行調(diào)節(jié)會改變畫面中該顏色的鮮艷程度，例如對橙色進(jìn)行調(diào)節(jié)：

橙色飽和度 100

可以看到上圖飽和度，則鮮艷程度增加。下圖飽和度-則鮮艷程度減少。