工具介紹!HSB拾色器詳解

2024-01-21 17:47:37 來源/作者: / 己有:0人學(xué)習(xí)過

因為在HSB模式下,可以完美固定HSB中的某一個參數(shù),只對其他兩個參數(shù)做改變。這一點,完全符合人的色彩直覺,只有HSB能做到。RGB、CMYK都是牽一發(fā)動全身的節(jié)奏。Lab比較特別,可以固定L(明度),但不能固定色相和飽和度。

 

講到這里,這些知識用作平時的使用就已經(jīng)夠啦!下面再講一些高階冷門知識,提高逼格專用~~

 

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

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

工具介紹!HSB拾色器詳解

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

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

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

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

 

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

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

工具介紹!HSB拾色器詳解

為什么要這樣定義呢?以下是樓主的個人理解,歡迎探討。

人眼能識別的低飽和度+高明度的顏色是非常豐富的,這是因為人眼對明度的變化非常敏感,相比之下,對飽和度的變化就不怎么敏感了。

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

工具介紹!HSB拾色器詳解

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

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