工具介紹！HSB拾色器詳解

中間的窄條區(qū)域，可以通過拖動小滑塊，改變H的值。

H的單位是度，這個其實是從色相環(huán)的概念而來。整個色相環(huán)轉一圈，不就是360°嗎？所以H的選擇范圍是從0度到360°，并且H=0°和H=360°色相是一樣的。也有其他的軟件，采用在色相環(huán)里選擇色相的界面，比如著名的開源圖像軟件GIMP，待會兒會講到。

這是系統(tǒng)默認的界面，H前的點選框默認被選中。意思是，H是主要要調整的參數，需要通過滑塊來做精細調整。

如果點選了S前面的選框，色域和滑塊區(qū)域界面會相應的發(fā)生改變。滑塊調整針對的就是飽和度S。由于S是一個相對的概念，所以變化范圍是0%~100%。

以下圖為例，拖動滑塊到94%，左邊的色域，顯示的就是S為94%時的所有顏色。依次按照色相（橫坐標）和明度（縱坐標）排列。

同理，如果點選了B前面的選框，滑塊調整針對的就是明度B。同樣B是一個相對的概念，變化范圍是0%~100%。色域矩形顯示的，就是明度B為45%的時候，所有不同的色調和不同飽和度的顏色。

是不是有同學覺得，S和B的界面好像。有個簡單的竅門可以分辨他們：在中等明度下，顏色從上到下變黑，就是S模式；變灰，就是B模式。原因大家動動腦筋就明白啦~(≧▽≦)/~啦啦啦

另外看一下其他軟件的HSB拾色器界面，以GIMP為例，默認界面基本和PS一樣。

值得一提的是GIMP還有一個色環(huán)模式的界面。選擇色相的界面是一個色相環(huán)。這么做的好處，在于選擇鄰近色和對比色非常方便。比如，需要補色的時候，直接反向180度就可以了，非常直觀。在PS的界面上就做不到這一點。那么不好的地方呢，就是色域的面積比較小，用鼠標點選顏色的時候不夠精確。兩種界面各有千秋吧！

這么一看，拾色器是不是不難？

樓主覺得，其實難的是Hue、Saturation、Brightness的概念。要搞明白HSB分別代表什么。理解了概念，軟件操作上多實踐一下自然就會了。

但從樓主自己的經驗來說，當你想選用一個全新的顏色時，特別是要給頁面做配色的時候，HSB模式其實并不是很好用。為什么呢？因為你通常情況下并不知道自己想要個什么樣的顏色。。。。

很多大神也說了，需要配合圖片做配色的時候，最好從顏色吸管開始，吸取一個圖片已有的顏色，然后再進入HSB模式進行微調。

對樓主來說，HSB模式的最佳工作場合，是在已有顏色的基礎上，進行飽和度、明度的微調。選定主題色之后，再根據需要，改變色相，配出需要的鄰近色和對比色。