從0開始學修圖｜調色第一步，從熟練運用HSL面板開始

哈，從零開始學修圖系列文章已經更新了七篇文章了，對於小修這樣一個懶惰人而言，簡直是一個奇蹟！

沒有什麼計劃，也沒有寫過大綱，都知識按照小修自己平時修圖的思路和流程來寫點東西，也不知道對萌新們有沒有幫助。

今天是從零開始學修圖的第八篇文章了，也到了大家最喜聞樂見的調色環節了，在調色之前，我們先來了解一下HSL。

HSL是色相（Hue）、飽和度（Saturation）和亮度（Lightness）這三個顏色屬性的簡稱。

1、色相

其中色相（H）可以理解為色彩的相貌，一個顏色的相貌，在使用中，我們以度數來表示色相，就是這個色相在色環中的位置。

如上圖所示，紅色處在色環上處於0°/360°的色相，青色（淺綠色）處在色環上180°的位置，這也印證了紅色和青色互為補色（顯示系統）。

處在色環上不同的角度，就代表了不同的色相。

2、飽和度

飽和度就是色彩的鮮艷度，也是純度。

飽和度取決於該色中含色成分和消色成分（灰色）的比例。含色成分越大，飽和度越大；消色成分越大，飽和度越小。純的顏色都是高度飽和的，如鮮紅，鮮綠。

一般我們遇到的色彩很少為百分百飽和的，基本上都是由一個不飽和的顏色混上白色/黑色/其他顏色組成，而飽和度為零的顏色是沒有色相的，只存在亮度的差異。

我們對上面的色環做飽和度降為0的處理後，呈現出來的是同一個明度的灰色，並不會因為色相不同，而呈現不同的灰色。

3、亮度

簡單點來說，就是一個色彩的明亮程度，當亮度為100%的時候，這個顏色變成了白色，亮度為0的時候，這個顏色就變成了黑色。

亮度是最牛逼的，當亮度變成100%或者0%的時候，是不受色相和飽和度影響的，直接是純黑或者純白。

總所周知，我們一般表示色彩會用RGB，但是在實際運用中，RGB並不能很好的告之我們一個顏色的模樣，比如說紅220，綠50，藍80是一個什麼顏色呢？即便給了我們拾色器（不輸入具體數值）和色環，我們也不能很好的確定這個顏色是什麼樣子的，但是HSL就不同了，在我們有一個色環的時候，我們就可以大概確定這個顏色的模樣了。

例：假設我們所知道的這個顏色的HLS值分別是 H：0°，S：50%，L：70，我們大概會得知這個顏色是紅色，屬於比較明亮的紅色，飽和度不是特別高。我們打開拾色器，來驗證一下猜想。

那你可能要說了，畢竟我們不可能時刻拿一個色環做對比吧。然而機智的adobe爸爸已經幫我們解決這個問題了。

讓我們先打開HSL調整面板：

細心的你有沒有發現，在色相調整面板里，所有的移動滑塊都是在一個變化的色彩橫線上，而這些色彩橫線連在一起就形成另一個閉合的色環。

今天我們要聊的就是HSL調整面面板里的「HSL」和「黑白」。

在HSL調整面板中，色彩被分割成紅/橙/黃/綠/淺綠/藍/紫/洋紅/八個顏色，而這八個顏色代表的是色環中八個區域，並不是某一種色彩。

在HSL色相調整面板中，我們移動紅色調整滑塊的時候，只能讓這一區間的色彩往橙偏移或者往洋紅偏移，並不會發生紅色忽然變成了綠色的情況，更不會發生我們調整紅色區間而影響到其他區間的情況。

例如，我們打開下面這張圖：

我們參考上圖對比得知，紅色區間僅僅包括了裙子，男士的領帶和女生的嘴唇顏色。我們調整一下紅色滑塊來回對比一下看看。

當紅色色相減100的時候，紅色變成了洋紅色了，當紅色色相加100的時候，紅色變成了橙色。

我們再打開另外一張圖，看一個實例：

首先在LR中打開一張下面圖片（文末附下載鏈接）

按照我們之前的文章中說的，還原底圖，所以，在基礎面板中做了以下調整。

比如說，我們的調色方向是希望樹葉是黃色的，裙子是淺藍色的，雨傘的顏色是紅色的，膚色再紅潤一些。

在HSL中，色彩被分割成紅/橙/黃/綠/淺綠/藍/紫/洋紅/八個取件，我們確定了大致的方向之後，再去分析我們圖片中的色彩分別位於這些圖片中的哪些區間。

通過對比，我們發現植物中包含了黃色和綠色，膚色中包含了橙色和少許紅色，雨傘中包含了紫色和洋紅色，裙子中包含了淺綠色和藍色。根據我們之前定的方向，我們做了如下調整：

再來看一下前後對比圖

這個調整隻是方便讓大家理解一下HSL的運用，並不代表小修認為例子中的顏色就是無敵的，是最棒的。如果你一定要跟我較真說原圖更清新舒服的話，小修也沒什麼話好說。

熟練的使用HSL面板可以幫助我們更快速的定調，調色，可能有些朋友的色彩知識比較薄弱，那就需要大量的閱讀和反覆的操作，總結屬於自己的經驗，比如說，通過反覆操作，我們發現如果想要讓膚色通透一些，可以適當的提亮橙色的亮度值。

在HSL面板中有一個和曲線調整面板中一樣的功能：

就是在面板的左上角有一個中間是圓，上下是三角形的按鈕。其功能和曲線面板中的功能差不多，可以參考一下上一篇文章中說的。具體的功能就是我們選擇了這個功能，在畫面中選擇一點，並按住滑鼠左鍵進行上下拖動的時候，對應的色相調整面板中會色彩區間會發生同步移動。

由於我們平時遇到的大部分色彩，都不是單純的處於某一區間，比如說上圖的例子中，裙子有一部分處於淺綠色區域有一部分處於藍色區域，如果我們不適用這個功能的話，就需要分別對這兩個區間進行調整，但是我們使用了這個工具之後，系統會自動識別裙子處在哪些色彩區間中，並同時調整這些色彩區間。

HSL中的黑白調整

顧名思義，就是將一張照片轉化為黑白。

在這個調整面板下，是按照原圖本身各個顏色區間的色彩明度做一個默認的黑白轉換。

如果我們不想要這樣的黑白效果，我們希望人物膚色和裙子在畫面中是最亮的，而其他的一切能儘可能的黑。

於是我們做了這樣的調整，把紅色和橙色的亮度值變高，其他色彩的亮度值降為-100.

在點了黑白模式以後，圖片就變成了黑白的了，我們要如何確定裙子的顏色呢？

這裡並不需要大家一個個的去移動滑塊，去嘗試看看裙子在哪個色彩區間里，我們只需要點擊左上角的那個按鈕，並在圖片中找到裙子的地方，按住滑鼠上下移動即可。

掌握了這個技能以後，我們就可以調出自己想要的黑白風格了。至於什麼樣的黑白或者彩色照片才是好看的，則需要我們平時的大量的閱讀，積累，提高自身的審美，工具僅僅知識工具而已，最終還是要依靠坐在電腦前面的我們來決定一張圖片效果的好壞。

你的讚賞是我堅持原創的動力