前段時(shí)間在分享荷花后期調(diào)色知識(shí)時(shí)，提到了關(guān)于HSL工具的知識(shí)，很多人發(fā)來消息讓我分享一下關(guān)于HSL工具的知識(shí)Photoshop。今天就給大家分享一下關(guān)于HSL工具的知識(shí)，希望對(duì)大家有幫助。

一、什么是HSLPhotoshop？

色彩有三個(gè)基本的屬性，即“色相（Hue）、飽和度（Saturation）、亮度（Lightness）”，?cè)∵@三個(gè)屬性的首字母就是“HSL”了Photoshop。因?yàn)榍懊嬷v色彩知識(shí)時(shí)講過了，所以這里就不再重復(fù)講它的原理了。

①色相：就是顏色的色彩相貌，說簡(jiǎn)單點(diǎn)就是這個(gè)什么顏色，比如：藍(lán)色、青色、紫色等就是色相Photoshop。

色相環(huán)

②飽和度：就是色彩的純度，飽和度越高色彩越濃、飽和度越低色彩越淡Photoshop。

③明度：就是色彩的明亮程度，色彩的明度越高，色彩越亮：色彩的明度越暗，色彩越暗Photoshop。

結(jié)論：

H=色相決定是什么顏色；

S=純度決定顏色濃淡；

B=明度決定照射在顏色上的白光有多亮Photoshop。

二、修圖軟件中的HSL工具

現(xiàn)在很多修圖軟件都是有HSL工具的，比如：電腦修圖軟件PS、LR，手機(jī)修圖軟件VSCO、潑辣修圖等Photoshop。在后期修圖時(shí)利用HSL工具進(jìn)行調(diào)整十分方便，而且非常好用，所以大家一定要掌握好才行。

三、認(rèn)識(shí)HSL工具

我這里用PS中的HSL工具來做演示，因?yàn)镠SL工具強(qiáng)大并且完善，大家要是弄懂了PS中的HSL工具，其它修圖軟件中的HSL工具用起來也沒有太大問題Photoshop。

①PS中的HSL工具

PS中的HSL面板：

色相面板

飽和度面板

明度面板

HSL工具由三個(gè)子面板組成，分別是：色相、飽和度、明度Photoshop。在每個(gè)子面板中都有八個(gè)色彩滑塊，分別是：紅色、綠色、藍(lán)色、青色、洋紅色、黃色、紫色、橙色。當(dāng)選中其中一個(gè)色彩滑塊就可以對(duì)該色彩進(jìn)行調(diào)整，而其它色彩不受影響，下面舉個(gè)例子。

我把一張照片導(dǎo)入PS中Photoshop，?cè)缓笥肏SL工具進(jìn)行調(diào)整：

在HSL工具的色相面板中，我選擇紅色色相滑塊，?cè)缓笙蜃蠡瑒?dòng)，將紅色色相數(shù)值變?yōu)?100Photoshop。大家可以看下圖，畫面中只有西瓜的顏色變了，其余顏色未受影響。

然后我再把紅色色相滑塊拉至最右，數(shù)值變?yōu)?00，整個(gè)畫面中也只有西瓜顏色變了，其余顏色未受影響Photoshop。

同理，你在飽和度、明度這兩個(gè)子面板中選擇其中一個(gè)色彩滑塊進(jìn)行調(diào)整，選擇一個(gè)色彩進(jìn)行調(diào)整則只對(duì)該色彩進(jìn)行調(diào)整，其余色彩是不受影響的Photoshop。

這里就可以得出一個(gè)結(jié)論：當(dāng)用HSL工具進(jìn)行調(diào)整時(shí)，所有的調(diào)整只會(huì)應(yīng)用于我們選中的色彩，畫面其它色彩不受影響Photoshop。

因?yàn)檫@樣大家可以將HSL工具定義為一個(gè)分區(qū)調(diào)整工具，可以對(duì)畫面進(jìn)行精細(xì)化調(diào)整Photoshop。

②HSL工具色相/飽和度/明度變化規(guī)律

?色相

色相的變化規(guī)律：當(dāng)提高該顏色的色相數(shù)值時(shí)，這種顏色會(huì)變成它順時(shí)針方向的顏色；當(dāng)降低該顏色的色相數(shù)值時(shí)，這種顏色會(huì)變成它逆時(shí)針方向的顏色Photoshop。

我這里是先把結(jié)論給大家說了，讓再用實(shí)例在做演示，這樣大家更容易理解Photoshop。另外，為了大家好理解，我弄了一個(gè)色環(huán)來做演示。

我把色環(huán)中紅色的部分標(biāo)注了出來，大家看好紅色部分的面積、飽和度、明度等等，接下來調(diào)整時(shí)的變化好有對(duì)比Photoshop。

我在色相面板選擇紅色色相，?cè)缓蟀鸦瑝K向右拉動(dòng)至100，可以明顯發(fā)現(xiàn)色環(huán)中的紅色往順時(shí)針方向偏色，也就是偏向橙色，原來紅色的部分變成了橙色Photoshop。

然后我把紅色滑塊向左拉動(dòng)至-100，可以明顯發(fā)現(xiàn)色環(huán)中的紅色往逆時(shí)針方向偏色，也就是偏向洋紅色，原來畫面中的紅色變成了洋紅色Photoshop。

通過上面的演示可以得出兩個(gè)結(jié)論：

第一：當(dāng)提高該顏色的色相數(shù)值時(shí)，這種顏色會(huì)變成它順時(shí)針方向的顏色；當(dāng)降低該顏色的色相數(shù)值時(shí)，這種顏色會(huì)變成它逆時(shí)針方向的顏色Photoshop。

第二：當(dāng)用HSL工具調(diào)整一種顏色的色相時(shí)，它只會(huì)變成它兩邊的顏色Photoshop。

其它顏色的原理是一樣的，弄懂一個(gè)基本就弄懂其它的了Photoshop。

?飽和度

飽和度的變化規(guī)律：當(dāng)提高該顏色的飽和，這種顏色的濃度增加；當(dāng)減少該顏色的飽和度，這種顏色變淡Photoshop。

我還是把色環(huán)中的紅色標(biāo)注了出來，大家記住現(xiàn)在紅色飽和度Photoshop。

在飽和度面板，我選中紅色滑塊，?cè)缓髮⒓t色滑塊向左拉至-100，可以明顯發(fā)現(xiàn)色環(huán)中紅色變得淡了Photoshop。

然后我將紅色滑塊向右拉至100，可以明顯發(fā)現(xiàn)色環(huán)中的紅色變濃了Photoshop。

?明度

明度變化規(guī)律：當(dāng)提高該顏色的明度，這種顏色變亮；當(dāng)降低該顏色的明度，這種顏色變暗Photoshop。

我還是把色環(huán)的紅色標(biāo)注了出來，大家記住現(xiàn)在色環(huán)中紅色的明度Photoshop。

在明度面板中，我選中紅色滑塊向左拉至-100，可以明顯看出色環(huán)中的紅色變暗了Photoshop。

然后我把紅色滑塊向右拉至100，可以明顯發(fā)現(xiàn)色環(huán)中的紅色變亮了，甚至變成了白色Photoshop。

總結(jié)：以上就是今天給大家分享的HSL的知識(shí)，我盡量往簡(jiǎn)單化了講，因?yàn)槲遗聳|西太多大家容易混亂Photoshop。另外，本來想用實(shí)例演示一下怎么用HSL工具來調(diào)色的，但是篇幅太長(zhǎng)了就等著下次再給大家分享吧。