前言

HSL調(diào)整界面

什么是HSL

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

RGB色彩空間

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

某顯示器宣傳畫(huà)面

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

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

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

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

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

HSL色彩空間

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

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

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

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

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

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

cameraRaw中的選項(xiàng)

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

色相環(huán)

例如在電影中，我們時(shí)?？梢钥吹疆?huà)面使用大量的橙色色調(diào)，人的肌膚，建筑物等都調(diào)到了橙色。

視頻截圖

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

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

我們來(lái)看調(diào)節(jié)前后對(duì)比圖：

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

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

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

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

橙色飽和度 100

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

橙色飽和度-100

明亮度也很好理解，調(diào)整某一顏色的明亮度會(huì)改變?cè)擃伾拿髁脸潭取?/p>

橙色明亮度-100

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

橙色明亮度 100

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

綜合這些手段，我們就可以對(duì)一張照片進(jìn)行創(chuàng)作。

這是經(jīng)過(guò)HSL調(diào)色后得到的成片