1-7 HSB色彩模式

2022-12-26 18:12:31 來源/作者: / 己有:25人學(xué)習(xí)過

前面我們已經(jīng)學(xué)習(xí)過了兩大色彩模式RGB和CMYK。色彩模式有很多種,但這兩種是最重要和最基礎(chǔ)的。其余的色彩模式,實(shí)際上在顯示的時(shí)候都需要轉(zhuǎn)換為RGB,在打印或印刷(又稱為輸出)的時(shí)候都需要轉(zhuǎn)為CMYK。雖然如此,但這兩種色彩模式都比較抽象,不符合我們對(duì)色彩的習(xí)慣性描述。比如下面這幅圖像,如果問:圖中人物衣服顏色的RGB或CMYK值是多少?你一定會(huì)覺得不得其所。如果現(xiàn)在要你在RGB模式下組合出一個(gè)淺綠色,也很難準(zhǔn)確地做到。
其實(shí)Photoshop和Illustrator以及GoLive的取色滑塊都提供了色彩預(yù)見功能,即動(dòng)態(tài)顏色滑塊(可在【編輯 首選項(xiàng)】的常規(guī)選項(xiàng)中打開或關(guān)閉)。如下中圖 ,可以預(yù)見:將R滑塊往右拉就會(huì)得到粉紅色;把B滑塊向左拉會(huì)得到草綠色;把G滑塊向右拉就可以得到淺綠色。但這種方式還是不夠直觀,最重要的是不方便修改,比如目前的藍(lán)色,想要得到更淺更亮的藍(lán)色,需要拉動(dòng)三個(gè)滑桿才能得到,如下右圖。

1-7 HSB色彩模式1-7 HSB色彩模式1-7 HSB色彩模式

習(xí)慣上我們都會(huì)說圖片上的衣服是黃色的。或者說是亮黃色的。比如晴空,我們首先想到藍(lán)色,然后是淺藍(lán)色。比如湖水,首先想到綠色,進(jìn)一步想到碧綠色。我們大腦對(duì)色彩的直覺感知,首先是色相,即紅色橙黃色綠色青色藍(lán)色紫中的一個(gè),然后是它的深淺度。
HSB色彩就是籍由這種模式而來的,它把顏色分為色相、飽和度、明度三個(gè)因素。注意它將我們?nèi)四X的“深淺”概念擴(kuò)展為飽和度(S)和明度(B)。所謂飽和度相當(dāng)于家庭電視機(jī)的色彩濃度,飽和度高色彩較艷麗。飽和度低色彩就接近灰色。明度也稱為亮度,等同于彩色電視機(jī)的亮度,亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。
如果我們需要一個(gè)淺綠色,那么先將H拉到綠色,再調(diào)整S和B到合適的位置。一般淺色的飽和度較低,亮度較高。如果需要一個(gè)深藍(lán)色,就將H拉到藍(lán)色,再調(diào)整S和B到合適的位置。一般深色的飽和度高而亮度低。如下左圖和中圖。這種方式選取的顏色修改方便,比如要將深藍(lán)色加亮,只需要移動(dòng)B就可以了,既方便又直觀。
如果要選擇灰度,只需要將S放在0%,然后拉動(dòng)B滑桿就可以如同灰度模式那樣選擇了。如下右圖。注意,HSB方式得到的灰度,與灰度滑塊K的數(shù)值是不同的。我們?cè)赑hotoshop中選擇灰度時(shí)候,應(yīng)以灰度滑塊為準(zhǔn)。

1-7 HSB色彩模式1-7 HSB色彩模式1-7 HSB色彩模式

在HSB模式中,S和B的取值都是百分比,唯有H的取值單位是度,這個(gè)度是什么意思?是角度,表示色相位于色相環(huán)上的位置,將我們前面學(xué)過的色相環(huán)加上角度標(biāo)志就明白了。
如下左圖。從0度的紅色開始,逆時(shí)針方向增加角度,60度是黃色,180度是青色等等。360度又回到紅色??梢宰约赫{(diào)節(jié)H滑塊對(duì)照一下。需要注意的是,由于在Photoshop的HSB模式中只能輸入整數(shù),因此能夠選擇的色彩數(shù)量是360萬種。雖然在數(shù)量上不及RGB模式,但對(duì)于我們來說也是足夠使用了。
我們?cè)倏匆幌翽hotoshop的拾色器,拾色器的H方式其實(shí)就是HSB取色方式。色譜就是色相,而大框就包含了飽和度和明度(橫方向是飽和度,豎方向是明度)。如下右圖。

1-7 HSB色彩模式1-7 HSB色彩模式

可以看出,在選取顏色的時(shí)候,HSB模式較為直觀和方便。在Illustrator和GoLive中也是如此。