寫(xiě)在前面

對(duì)于很多設(shè)計(jì)師來(lái)說(shuō)，配色是一個(gè)很愁人的問(wèn)題。我詢(xún)問(wèn)了幾位設(shè)計(jì)師朋友，大家對(duì)于如何做好配色都是一知半解，比較好的知道去網(wǎng)上尋找配色方案，用照片的自然色做配色;差些的就是吸取其他產(chǎn)品的顏色，或者是自己憑感覺(jué)進(jìn)行配色。我想說(shuō)好的配色并不是依靠個(gè)人感覺(jué)搭配出來(lái)的，合理的顏色搭配必定存在合理的配色規(guī)律和配色方法論的支撐，下面就分享下幾個(gè)自己學(xué)習(xí)到的快速配色方法，希望幫助到配色困難戶(hù)們。

目錄

1、了解色環(huán)

2、了解什么是HSB

3、幾個(gè)合理的配色方案

4、通過(guò)色環(huán)+HSB進(jìn)行科學(xué)選色

5、選用顏色組成柔和漸變色

正文

1、了解色環(huán)

在百度百科中，我們可以了解到色環(huán)是在彩色光譜中所見(jiàn)的長(zhǎng)條形的色彩序列，只是將首尾連接在一起，使紅色連接到另一端的紫色，色環(huán)通常包括12種不同的顏色。

注：這里說(shuō)的色相環(huán)分為10、12、16、24、36等多個(gè)色相環(huán)，文章中我們以24色環(huán)介紹方法

2、了解什么是HSB

一個(gè)顏色由HSB構(gòu)成，其中，H表示色相，S表示飽和度，B表示亮度

H色相，在0~360°的標(biāo)準(zhǔn)色輪上，色相是按位置度量的。在通常的使用中，色相是由顏色名稱(chēng)標(biāo)識(shí)的，比如紅、綠或橙色。黑色和白色無(wú)色相。在PS拾色器中，我們可以上下調(diào)整來(lái)確定索要的顏色的色相，即H確定一個(gè)數(shù)值，就是確定一個(gè)顏色的色相。

S飽和度，就是指色彩的鮮艷程度，也稱(chēng)色彩的純度，數(shù)值為0時(shí)為灰色。白、黑和其他灰色色彩都沒(méi)有飽和度的。在最大飽和度時(shí)，每一色相具有最純的色光。取值范圍0～100%。從PS拾色器中我們可以看到，向左顏色飽和度越低，向右顏色的飽和度越高，就是說(shuō)S數(shù)值越小，顏色飽和度越小;S數(shù)值越大，顏色飽和度越大。

B亮度，是色彩的明亮度。為0時(shí)即為黑色。最大亮度是色彩最鮮明的狀態(tài)。取值范圍0～100%。在PS拾色器中，越向上，顏色亮度越高;越向下，顏色亮度越低，就是B數(shù)值越小，顏色亮度越小;B數(shù)值越大，顏色亮度越大。

3、幾個(gè)合理的配色方案

以二十四色相環(huán)為例，任何一色作為基色都可以把色相對(duì)的分為同類(lèi)色、類(lèi)似色、鄰近色、中差色、對(duì)比色、互補(bǔ)色等類(lèi)別。

由此我們我么可以找到最科學(xué)合理的顏色搭配方案。在確定基色后，我們可以找到它的同類(lèi)色，臨近色，對(duì)比色等;也可以通過(guò)基色的確定，來(lái)調(diào)整出柔和的漸變色，漸變色方案如同色系單色配色、同類(lèi)色配色、類(lèi)似色配色、鄰近色配色、中差色配色、對(duì)比色配色、互補(bǔ)色配色。

4、通過(guò)色環(huán)+HSB進(jìn)行科學(xué)選色

我們這里已HSB分別為199、100、91的藍(lán)色為基色，來(lái)配比出其他配色

同色系色

是指同一類(lèi)顏色，但是他們之間的飽和度不同，通過(guò)B數(shù)值的調(diào)整，我們很容易得到基色的同色系色

同類(lèi)色

同類(lèi)色是指色相中距離基色15度的顏色

類(lèi)似色

類(lèi)似色是指色相中距離基色30度的顏色

鄰近色

鄰近色是指色相中距離基色60度的顏色

中差色

中差色是指色相中距離基色90度的顏色

對(duì)比色

對(duì)比色是指色相中距離120度的顏色

互補(bǔ)色

互補(bǔ)色是指色相中距離基色180度的顏色

這樣主題色我們確定后，就可以選擇上面的類(lèi)似色、鄰近色、對(duì)比色作為配色中的輔助色使用

5、選用顏色組成柔和漸變色

漸變配色也可以用這種科學(xué)的方法找到合適的兩種顏色進(jìn)行配色，這里列舉同類(lèi)色漸變配色和同色系漸變配色，感受下配色效果

注：這里一定要選擇好合適的主色，合適的主色可以搭配出很好的漸變色效果，在這里只是向大家說(shuō)明設(shè)計(jì)的技法。