寫在前面

對于很多設計師來說，配色是一個很愁人的問題。我詢問了幾位設計師朋友，大家對于如何做好配色都是一知半解，比較好的知道去網上尋找配色方案，用照片的自然色做配色；差些的就是吸取其他產品的顏色，或者是自己憑感覺進行配色。我想說好的配色并不是依靠個人感覺搭配出來的，合理的顏色搭配必定存在合理的配色規律和配色方法論的支撐，下面就分享下幾個自己學習到的快速配色方法，希望幫助到配色困難戶們。

 

目錄

1、了解色環

2、了解什么是HSB

3、幾個合理的配色方案

4、通過色環+HSB進行科學選色

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

 

正文

1、了解色環

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

注：這里說的色相環分為10、12、16、24、36等多個色相環，文章中我們以24色環介紹方法

 

2、了解什么是HSB

一個顏色由HSB構成，其中，H表示色相，S表示飽和度，B表示亮度

 

H色相，在0~360°的標準色輪上，色相是按位置度量的。在通常的使用中，色相是由顏色名稱標識的，比如紅、綠或橙色。黑色和白色無色相。在PS拾色器中，我們可以上下調整來確定索要的顏色的色相，即H確定一個數值，就是確定一個顏色的色相。

 

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

 

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

 

3、幾個合理的配色方案

以二十四色相環為例，任何一色作為基色都可以把色相對的分為同類色、類似色、鄰近色、中差色、對比色、互補色等類別。

 

由此我們我么可以找到最科學合理的顏色搭配方案。在確定基色后，我們可以找到它的同類色，臨近色，對比色等；也可以通過基色的確定，來調整出柔和的漸變色，漸變色方案如同色系單色配色、同類色配色、類似色配色、鄰近色配色、中差色配色、對比色配色、互補色配色。

 

4、通過色環+HSB進行科學選色

 

少啰嗦！！！直接看操作

 

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

 

同色系色

是指同一類顏色，但是他們之間的飽和度不同，通過 S數值的調整，我們很容易得到基色的同色系色

同類色

同類色是指色相中距離基色15度的顏色

類似色

類似色是指色相中距離基色30度的顏色

鄰近色

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

中差色

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

對比色

對比色是指色相中距離120度的顏色

互補色

互補色是指色相中距離基色180度的顏色

 

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

 

 

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

漸變配色也可以用這種科學的方法找到合適的兩種顏色進行配色，這里列舉同類色漸變配色和同色系漸變配色，感受下配色效果

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

 

感謝閱讀，喜歡就點個贊吧！

END.