配色永遠(yuǎn)是一個(gè)設(shè)計(jì)師最頭疼的問題，配色永遠(yuǎn)配不好，并且顏色用起來顯得非常臟，像下面的這張圖片，就是特別明顯的那種綠的刺眼的的配色，看久了心特別累。

---

那我們今天就理論基礎(chǔ)開始，到后面結(jié)合一些案例來講講配色的方案，畢竟沒有這些理論的支撐，恐怕后面配色也不會(huì)配。

關(guān)于色彩的三個(gè)屬性

色相 / 明度 / 純度

• 色相

色相是指物理學(xué)或心理學(xué)上區(qū)別的紅、黃、藍(lán)等色感的要素之一，同時(shí)也只顏色本身，將色相按照波普上順序進(jìn)行排列，收尾相連，形成的環(huán)裝圖形，稱為“色相環(huán)”。在色相環(huán)確定了色相之間的關(guān)系后，配色就會(huì)變得簡(jiǎn)單很多。

• 明度（亮度）

明度是指色彩的明亮的程度，在任何顏色中添加白色，明度上升，添加黑色，明度下降。因此，色彩中明度最高的色白色，明度最低的是黑色。白色-黑色的灰度色標(biāo)是明度差異的表現(xiàn)。同時(shí)明度也是決定文字可讀性和物體外觀的重要元素。兩種色彩之間的差別，明度方面的對(duì)比越強(qiáng)烈，色彩之間的交接部分就明顯.

• 純度（飽和度）

純度是指色彩的鮮艷程度。新鮮水果的那種鮮艷、顏色的色彩代表是“高純度”，樹汁和泥土等天然染料那種樸素、淡雅的色彩代表“低純度”。純度越低，顏色渾濁，純度最低的是灰色。純度的高低容易形成不同的氣質(zhì)，一般來說，純度越高，越有活力，充滿朝氣，純度越低，則容易給人成熟穩(wěn)重的印象。

色輪的基礎(chǔ)知識(shí)

白光由可見光匯聚而成，可見光則是廣譜中的拿到彩虹，將這道彩虹圍城圓形，就是色輪了。我們將赤橙黃綠青藍(lán)紫無窮的漸變簡(jiǎn)化，成為具有12種基本的顏色色輪，就跟我們美術(shù)課用過的顏料、彩鉛似的。

將這個(gè)色輪的明度，飽和度降低，可以將這個(gè)色輪的寬度變得更寬，色域更廣，我們常說的降低飽和度，降低明度，也就是這個(gè)意思，如圖所示

了解了原色，間色，復(fù)色的概念之后，我們?cè)賮砹私庖幌氯绾瓮ㄟ^色輪上的顏色關(guān)系的表達(dá)進(jìn)行配色。

1.同類色

同類色是基本的顏色關(guān)系，也是成功設(shè)計(jì)必備的搭配，他們都是屬于同一色系，只不過加入了黑色或者白色或者灰色（無色彩）而已，也就是說明度、純度、色相不同。

2.近似色

近似色在色環(huán)上是相鄰的，雖然看起來很鮮明，但因?yàn)槎呦噜彛山粕脑?、間色混合而成，所以所能營(yíng)造出低對(duì)比的和諧分為。近似色的特變是豐富，可選且多易于掌握、使用。

3.互補(bǔ)色

再色輪上相對(duì)的被成為互補(bǔ)色（對(duì)比色），他們能造成強(qiáng)烈的反差，也意味著難以駕馭。洽淡的使用可以相得益彰增添活力，充滿能量。

講完工具，我們來講講怎么去配色

• 單色配色法：

這個(gè)配色最常用的方法就是先確定一個(gè)你所想要用的主色調(diào)，然后再這個(gè)主色調(diào)添加10-%50%不透明度的白色或者黑色圖層，組成一套配色方案。圍繞主色進(jìn)行配色的設(shè)計(jì)是遵循這“少即是多”的設(shè)計(jì)黃金法則，是一個(gè)非常不錯(cuò)的選擇。

這樣的配色方法能夠非常好的增加我們?cè)O(shè)計(jì)中的層次，等到慢慢熟練后，我們就能夠直接再HSB模式中進(jìn)行調(diào)色，只是我們保證最終生產(chǎn)的顏色在同一色系中，我們就能夠得到一個(gè)非常協(xié)調(diào)的配色方案了。

單色配色法的效果：

（以上案例均來自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系刪除）

• 單色配色法：

近似色配色法就是選取同主色相鄰的顏色組成一套配色方案。此時(shí)，我們往往會(huì)去參考色輪。近似色尤其適合軟件內(nèi)容國(guó)語單調(diào)乏味的情形。使用相似的顏色可以提供視覺上的變化，活躍界面氛圍。

（以上案例均來自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系刪除）

• 互補(bǔ)色配色法：

互補(bǔ)色配色法就是選取對(duì)比色相對(duì)較強(qiáng)烈的顏色進(jìn)行進(jìn)行配色，這一種方法也比較難掌握。我們常說的“紅配綠”就是一組互補(bǔ)色。由于對(duì)比強(qiáng)烈，能夠瞬間激活界面中的氣質(zhì)，但卻很容易產(chǎn)生視覺上的刺激與疲勞，應(yīng)謹(jǐn)慎使用。

有時(shí)候我們可能無法避免會(huì)用到互補(bǔ)色配色，但對(duì)比度太高又顯得扎眼，那我們?cè)撛趺崔k？我們可以降低的飽和度，或者調(diào)整比例面積。

• 直接吸取大自然的顏色：

很多時(shí)候，大自然所呈現(xiàn)出來的配色是非常美妙的，而且因?yàn)轱L(fēng)景的顏色大家一直都在觀察著，所以涉取出來的使用后并不會(huì)讓人產(chǎn)生方案。所以身為設(shè)計(jì)師的我們，也要學(xué)會(huì)去利用美妙的大自然帶給我們的顏色。

這個(gè)方法厲害了。具體方法如下：

• 產(chǎn)品色吸取法：

當(dāng)我們完全沒有想法的時(shí)候，我們可以直接吸取產(chǎn)品的顏色來進(jìn)行調(diào)整，這樣配出的顏色和產(chǎn)品更搭調(diào)。

• 最后總結(jié)一下：

配色好的界面有什么特點(diǎn)：主色調(diào)明確突出，一眼就能看出來，不超過4鐘顏色，注意色彩的比

• 最后分享一些在線配色網(wǎng)站：

COLOURlovers（www.colourlovers.com）

Adobe Color CC（color.adobe.con）

Color Metters (www,colormatters.com)

paletton(www.paletton.com)

Color Explore(www.colorexplore.com)