前言

HSL調整界面

什么是HSL

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

RGB色彩空間

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

某顯示器宣傳畫面

實際上1670萬色只是最最基礎的配置，顯示效果并不細膩。

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

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

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

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

HSL色彩空間

在PS中CameraRaw對HSL調整

對一張圖片在CameraRaw中對HSL進行調整可以達到什么樣的效果呢？

這是一張空拍的照片，因為包含的顏色較多，所以用來做本期HSL調整的素材

進入CameraRaw中，在HSL調整中，我們可以看到這樣的界面

對圖片進行HSL調整的界面

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

cameraRaw中的選項

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

色相環

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

視頻截圖

下面我們對上面例圖進行處理，把橙色的相鄰色調至橙色。

橙色相鄰的色相調整至橙色

我們來看調節前后對比圖：

把橙色附近的色相都調至橙色

你可以想象把所有的色相調節滑塊串聯起來，形成一個環，例如紅色滑塊向右調節 則是橙色，向左調節-則是洋紅色，這個原理可以應用到整個色相調節模塊中。

飽和度調節滑塊

對某一個顏色的飽和度進行調節會改變畫面中該顏色的鮮艷程度，例如對橙色進行調節：

橙色飽和度 100

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

橙色飽和度-100

明亮度也很好理解，調整某一顏色的明亮度會改變該顏色的明亮程度。

橙色明亮度-100

通過上下圖我們可以看出明亮度 和明亮度-的作用效果。

橙色明亮度 100

運用上述的原理，如果我們想要提亮人的面部膚色，就可以把橙色的明亮度提高，飽和度降低些許即可。

綜合這些手段，我們就可以對一張照片進行創作。

這是經過HSL調色后得到的成片

讓我們來看一下前后對比：

前后對比GIF圖

結語