推薦 搖星學(xué)院? UI設(shè)計師/web前端開發(fā)? 學(xué)習(xí)
前面我們已經(jīng)學(xué)習(xí)過了兩大色彩模式RGB和CMYK较剃。色彩模式有很多種，但這兩種是最重要和最基礎(chǔ)的。其余的色彩模式膝晾，實際上在顯示的時候都需要轉(zhuǎn)換為RGB米辐，在打印或印刷(又稱為輸出)的時候都需要轉(zhuǎn)為CMYK胸完。雖然如此书释，但這兩種色彩模式都比較抽象，不符合我們對色彩的習(xí)慣性描述赊窥。比如下面這幅圖像爆惧，如果問：圖中人物衣服顏色的RGB或CMYK值是多少？你一定會覺得不得其所锨能。如果現(xiàn)在要你在RGB模式下組合出一個淺綠色扯再，也很難準(zhǔn)確地做到。
其實Photoshop和Illustrator以及GoLive的取色滑塊都提供了色彩預(yù)見功能腹侣，即動態(tài)顏色滑塊(可在【編輯 首選項】的常規(guī)選項中打開或關(guān)閉)叔收。如下中圖 ，可以預(yù)見：將R滑塊往右拉就會得到粉紅色傲隶；把B滑塊向左拉會得到草綠色饺律；把G滑塊向右拉就可以得到淺綠色。但這種方式還是不夠直觀跺株，最重要的是不方便修改复濒，比如目前的藍色，想要得到更淺更亮的藍色乒省，需要拉動三個滑桿才能得到巧颈，如下右圖。
習(xí)慣上我們都會說圖片上的衣服是黃色的袖扛≡曳海或者說是亮黃色的。比如晴空蛆封，我們首先想到藍色唇礁，然后是淺藍色。比如湖水惨篱，首先想到綠色盏筐，進一步想到碧綠色。我們大腦對色彩的直覺感知砸讳，首先是色相琢融，即紅色橙黃色綠色青色藍色紫中的一個，然后是它的深淺度簿寂。
HSB色彩就是籍由這種模式而來的漾抬，它把顏色分為色相、飽和度陶耍、明度三個因素奋蔚。注意它將我們?nèi)四X的“深淺”概念擴展為飽和度(S)和明度(B)。所謂飽和度相當(dāng)于家庭電視機的色彩濃度，飽和度高色彩較艷麗泊碑。飽和度低色彩就接近灰色坤按。明度也稱為亮度，等同于彩色電視機的亮度馒过，亮度高色彩明亮臭脓，亮度低色彩暗淡，亮度最高得到純白腹忽，最低得到純黑来累。
如果我們需要一個淺綠色，那么先將H拉到綠色窘奏，再調(diào)整S和B到合適的位置嘹锁。一般淺色的飽和度較低，亮度較高着裹。如果需要一個深藍色领猾，就將H拉到藍色，再調(diào)整S和B到合適的位置骇扇。一般深色的飽和度高而亮度低摔竿。如下左圖和中圖。這種方式選取的顏色修改方便少孝，比如要將深藍色加亮继低，只需要移動B就可以了，既方便又直觀稍走。
如果要選擇灰度袁翁，只需要將S放在0%，然后拉動B滑桿就可以如同灰度模式那樣選擇了婿脸。如下右圖梦裂。注意，HSB方式得到的灰度盖淡，與灰度滑塊K的數(shù)值是不同的。我們在Photoshop中選擇灰度時候凿歼，應(yīng)以灰度滑塊為準(zhǔn)褪迟。
在HSB模式中，S和B的取值都是百分比答憔，唯有H的取值單位是度味赃，這個度是什么意思？是角度虐拓，表示色相位于色相環(huán)上的位置心俗，將我們前面學(xué)過的色相環(huán)加上角度標(biāo)志就明白了。
如下左圖。從0度的紅色開始城榛，逆時針方向增加角度揪利，60度是黃色，180度是青色等等狠持。360度又回到紅色疟位。可以自己調(diào)節(jié)H滑塊對照一下喘垂。需要注意的是甜刻，由于在Photoshop的HSB模式中只能輸入整數(shù)，因此能夠選擇的色彩數(shù)量是360萬種正勒。雖然在數(shù)量上不及RGB模式得院，但對于我們來說也是足夠使用了。
我們再看一下Photoshop的拾色器章贞，拾色器的H方式其實就是HSB取色方式祥绞。色譜就是色相，而大框就包含了飽和度和明度(橫方向是飽和度阱驾，豎方向是明度)就谜。如下右圖。
可以看出里覆，在選取顏色的時候丧荐，HSB模式較為直觀和方便。在Illustrator和GoLive中也是如此喧枷。
全教程完,學(xué)完記得交作業(yè)虹统。如果本教程對您有所幫助，請推薦給你的朋友隧甚。
