今天我們來說“色相飽和度”是什么？這期內容相比之前就容易多了。
還認識這個嗎？
紅框處的內容現在都可以看明白了吧。
1、RGB：光的三原色；
2、CMY：色的三原色；
3、這是兩種不同的色彩調節方法；
所以我們今天著重講“HSB顏色模式”，首先說重點。
1、翻譯成中文叫做：H色相；S飽和度；B明度；
2、為什么說這個顏色模式很容易理解呢？因為你再也不需要像RGB和CMY去計算顏色了；
3、回想一下，在RGB和CMY的顏色模式里，你想得到顏色是不是要去計算？
比如R（紅色）+G（綠色）=（Y黃色），是不是有點煩人？如圖：
假設我把其它地方都遮蓋住，你再觀察：
親愛的朋友，麻煩幫我調一個“品紅色”出來，是不是就懵圈了？
沒有對比就沒有傷害，所以說HSB的調色方法更加直觀：
因為HSB是基于人眼對于色彩的感知，從而形成的一種顏色模式。
這個怎么理解呢？
同樣的需求，利用“HSB”把“品紅色”調出來：
看到這根豎條了嗎？你能想到的任何顏色都在上面，因為你直接就可以看見它。
所以你只需要移動滑塊，即可解決：
是不是非常容易？因為你再也不用計算了，所見即所得。
請問剛才調節的是什么？
答：你看上圖，當我調節的時候，只有“H色相”發生了變化，“S飽和度”和“B明度”都沒有任何變化。所以上圖中的這根豎條代表了顏色的色相。
你可以理解為色相就是顏色的相貌。
如果以后你聽到有人說：這個顏色太丑了，能不能換個顏色？指的就是換一下顏色的色相。這樣解釋可以聽明白吧！
但你發現色相的單位是用“度”來表示的，如圖：
如何理解呢？
1、我們都看過世界地圖和地球儀，世界地圖經過彎曲就變成了地球儀；
2、上圖中的“色相條”就是世界地圖，當我把“色相條”彎曲的時候就變成了“色相環”；
然后就變成這樣了：
是不是很容易理解。一下就知道為什么要用“度”這個單位來表示了。
所以以后在工作中，你只需要大概知道180度的位置是一個“青色”、45度的位置是個“黃色”、90度是個綠色... ...就可以了。
因為你的眼睛已經完全可以感受到色相不同的變化了，所以只需要了解即可。
接下來是重點
有沒有發現一個問題：
為什么色相環里面沒有白色和黑色？
所以必須要清楚：黑色和白色是沒有色相的，這個對你今后進一步了解顏色有非常大的幫助。
如何證明？
上圖有四種顏色，然后新建一個圖層，把圖層混合模式更改為“顏色”模式。
然后用畫筆隨便選擇一個顏色在上面涂抹：
你會發現，當畫筆涂抹到白色和黑色上面的時候，不會有任何反應。就是因為黑白不具備色相，所以不可能疊加顏色上去。
為什么有時候摳圖或者填色的時候碰到有白邊，很難去用顏色遮蓋？
其實就是這個道理，因為白色沒有色相，你想用顏色去遮蓋還想產生疊加的效果，那是不可能的。但在PS里面有其他辦法解決，我將會在下期里面做介紹。
以上就是關于“色相”的知識點。
接下來我們說“S飽和度”和“B明度”
既然色相你都弄明白了，飽和度和明度一看就明白。
想象一個場景：
你新買了一件衣服，比如是這個顏色：
如果你的朋友說：
1、“橘色太丑了”，其實就是說色相不好看；然后你就換了個顏色，變成了這樣：
如果有人和你說
換個顏色... ...
這個色調太丑... ...
這個顏色不好看... ...
一般指的就是“色相”。
2、好不容易換了一件，接下來你的朋友又說：紅色還可以，就是有點太紅了。其實就是說飽和度太高了。
然后你又換了一件：
如果有人和你說：
顏色太紅了... ...
太鮮艷了... ...
這個顏色很濃... ...
淡一點更好看... ...
這個顏色太深了... ...
一般指的就是“飽和度”。
2、最后你的朋友又說：現在非常好了，如果顏色再亮一點就更好看了。其實就是說的衣服顏色明度太低。
然后就變成了這樣：
比如：
顏色亮一點... ...
顏色暗一點... ...
黑一點、白一點... ...
一般指的就是“明度”，調整的明度的過程其實就是在顏色里面加白色或黑色。
看到這里不用解釋下去，你就已經明白了“飽和度”和“明度”的意思，你只需要留意：
1、色相的單位是“0-360度”；
2、飽和度和明度的單位是“0-100%”
3、橫向從左往右表示飽和度從低到高，縱向從上往下表示明度從明到暗；
通過上面的故事場景，你發現：
1、即使沒有任何顏色基礎的人都可以根據喜好來判斷顏色。
2、其實就是通過HSB的顏色模式來進行判斷的。
3、所以這足以說明一件事情：就是HSB是基于人眼對色彩的感受形成的一種顏色模式，它更加直觀，所以人人都會使用它。
接下來把更換衣服顏色的小案例整理一下
我把調整的圖片給你看一下，就明白是怎么回事了：
之前：
之后：
你發現我只做了三件事情：
第一步：選擇了衣服上的黃色，作為需要調節的顏色；
第二步：針對衣服本來的黃色，做了色相、飽和度、明度的調節；
第三步：當調節完色相飽和度后，衣服之外很多區域受到了顏色的影響，所以把不需要的地方用蒙版遮蓋了一下即可；
但這個工具有兩個小技巧可以協助你做選擇：
第一個：發現這個“小手指”了嗎？
當你點擊這個小手指可以吸取圖片上你想要調節的顏色，這樣更省事一點。
第二個：發現下方的色相條了嗎？
它的功能就是：
1、當你在更改色相的時候，這個色相條可以起到控制顏色選擇范圍的作用；
2、比如你選擇的黃色，你可以左右移動色相條上面的小白條；
3、這樣就可以控制黃色的顯示范圍了；
我之前有一期“修改牙齒顏色”的視頻，上面詳細講解了色相飽和度的使用場景。如果想了解的話可以看看，因為這個的確太簡單了。
今天我們主要還是講解原理，你發現當明白原理后，就非常簡單了。
接下來讓你更加深刻的理解HSB。
牛奶的下方有兩顆蜜棗，如何改變蜜棗的顏色？
如圖：
只需要新建一個“色相飽和度”的調整圖層
很簡單，當你拖動色相滑塊的時候，蜜棗的顏色就會發生變化。
在這里必須明白，你在針對整張圖片在調色。
那為什么圖片中的牛奶、背景、還有黑棗沒有發生任何變化？
即使你用盡全力去更改顏色，也不會有任何效果。這就印證了剛才說的“黑色和白色是沒有色相的”說法。
肯定有人會說用“著色”，明確告訴你，出來的顏色會很假，如圖：
其實想要給白色或者黑色的物體在Photoshop中上色，是有辦法解決的，但不在今天的知識范疇里面，我們后面會慢慢講到。
總結
1、學習顏色知識時，主要時間應該放在原理的理解層面，不要在原理沒有弄明白的時候就開始使用工具；
2、HSB的顏色模式是基于人眼對色彩的感受，從而得到的顏色模式，所以它非常直觀；
3、正式因為任何人都是基于HSB來感知顏色的，所以我們在選取一個顏色的時候，應該首先確定“色相”、然后確定“飽和度”、最后再來確定“明度”。不要做無用功；
