工具介紹！HSB拾色器詳解

因?yàn)樵贖SB模式下，可以完美固定HSB中的某一個(gè)參數(shù)，只對(duì)其他兩個(gè)參數(shù)做改變。這一點(diǎn)，完全符合人的色彩直覺(jué)，只有HSB能做到。RGB、CMYK都是牽一發(fā)動(dòng)全身的節(jié)奏。Lab比較特別，可以固定L（明度），但不能固定色相和飽和度。

講到這里，這些知識(shí)用作平時(shí)的使用就已經(jīng)夠啦！下面再講一些高階冷門(mén)知識(shí)，提高逼格專(zhuān)用~~

1.色域≠色空間；
尤其在計(jì)算機(jī)介入圖形學(xué)之后，色域的概念發(fā)生了微妙的變化，不能等同于某個(gè)系統(tǒng)所能生成的所有顏色，而是這個(gè)“所有顏色”的一個(gè)子集。

色空間，可以理解為，以色相、飽和度、明度為三維坐標(biāo)軸的空間。色域是這個(gè)空間中的某一個(gè)二維截面。先看下圖的HSV部分。

圖e，即為HSV色彩空間的3D模型，一個(gè)圓柱體。分布了RGB系統(tǒng)能形成的所有顏色。

圖f，是飽和度S為100%的色域，可以視為圓柱體的側(cè)面的二維展開(kāi)。

圖g，是明度B（≈HSV系統(tǒng)的V）為50%時(shí)的圓柱體橫截面，包括了B=50%的所有不同飽和度和純度的顏色，也就是B=50%時(shí)的色域。

圖h，色相H=0°/180°的縱切面。只看H=0°這一半的話，是不是很眼熟？就是PS界面里面的矩形色域啦~

2.PS、GIMP等，采用的是HSB色空間，另外一些軟件會(huì)采用上圖左邊的HSL色空間。比如Windows的Office系列。

左邊矩形為亮度L（Lightness）=50%的色域，選擇好色相和飽和度后，再用右邊的滑動(dòng)條改變亮度L。兩者的微妙區(qū)別在于：增加亮度L超過(guò)50%時(shí)，不但明度發(fā)生了變化，顏色也越來(lái)越淺，只到變?yōu)榘咨６@個(gè)時(shí)候飽和度不是應(yīng)該是0嗎？但是系統(tǒng)還顯示為改變L之前的飽和度值。。。

為什么要這樣定義呢？以下是樓主的個(gè)人理解，歡迎探討。

人眼能識(shí)別的低飽和度+高明度的顏色是非常豐富的，這是因?yàn)槿搜蹖?duì)明度的變化非常敏感，相比之下，對(duì)飽和度的變化就不怎么敏感了。

觀察HSL系統(tǒng)的圖d，和HSB系統(tǒng)的圖h，低飽和度+高明度的顏色，在HSL系統(tǒng)里占據(jù)的面積更大，更方便選擇。

HSB系統(tǒng)里，低飽和度+高明度的顏色面積太小。為了增加選擇的精細(xì)度，PS提供了針對(duì)HSB三個(gè)參數(shù)分別進(jìn)行精細(xì)調(diào)整的滑塊操作。這就增加了UI的復(fù)雜程度。我們可以直觀的看到，Office的拾色器就比PS的拾色器界面簡(jiǎn)單很多，對(duì)非專(zhuān)業(yè)人士來(lái)說(shuō)，更加易用。

所以HSL和HSB也算是各有千秋吧，只是當(dāng)我們看到HSL系統(tǒng)的時(shí)候，飽和度的定義不能按照平時(shí)的概念來(lái)理解。