前兩天打卡群聊到配色

聊到最后大家都收集了一堆色卡

然而還是不會(huì)用（扎心了，老鐵?。?/span>

為什么不會(huì)用，很多時(shí)候是我們不會(huì)分析配色，今天就從基礎(chǔ)給大家好好分析分析配色那些事兒~

我們都知道，色彩是光的波長(zhǎng)照射在物體上的反射而來(lái)，而顯示器屏幕里的色彩則是直接映入我們眼睛里的。

三原色

紅、黃、藍(lán)被稱為三原色，它們能混合出其他顏色，而其他色卻不能還原成三原色。
而如果我們討論的是屏幕顯示的的三原色，則是紅綠藍(lán)，也就是我們熟悉的RGB。

三間色

將兩兩相鄰的三原色混合一下，得到了三間色：紅+黃=橙，黃+藍(lán)=綠，藍(lán)+紅=紫。
這些顏色如果應(yīng)用在項(xiàng)目中，會(huì)產(chǎn)生很強(qiáng)烈的對(duì)比感。

第三色

將兩兩相鄰的顏色混合成新的顏色，得到第三色，也稱作復(fù)合色。

十二色色輪

HSB模式

我們都知道，顯示器顯示顏色是RGB模式，印刷出版物顯示顏色是CMYK模式，然而基于人眼最直觀的顏色是HSB模式。

H=色相，也就是色輪上不同角度所顯示的顏色，比如紅色，黃色，綠色。

S=飽和度，表示色相中彩色成分所占的比例，用從0(灰色)~100%(完全飽和)的百分比來(lái)度量。通俗來(lái)講，也就是顏色的鮮艷程度。

B=明度，決定著顏色的相對(duì)明暗程度，通常是從0(黑)~100%(白)的百分比來(lái)度量的。

相鄰色

在設(shè)計(jì)作品時(shí)，如果配色想偷懶的話，有個(gè)簡(jiǎn)單又和諧的方法可以達(dá)到，那就是使用色輪上的相鄰色來(lái)搭配。
不過(guò)想搭配好相鄰色，也并非那么容易的事情，一定要注意明度與飽和度的對(duì)比，色相相差比較大的時(shí)候，明度和飽和度數(shù)值不同，會(huì)顯得更加和諧。

雙色相鄰

案例：

by Tu?n Anh V?

這張插畫大面積運(yùn)用了黃色與橙色的相鄰色，簡(jiǎn)單的顏色也搭配的好看，讓秋天的氣氛迎面撲來(lái)。由于兩種色相角度相近，所以沒(méi)有過(guò)多調(diào)整明度與飽和度也依舊很和諧。

三色相鄰

案例：

by Vanya Lalic

這張插畫大面積運(yùn)用了青+藍(lán)+藏藍(lán)色的相鄰，但是青色的飽和度較低，藏藍(lán)色明度較低，顯得層次感非常強(qiáng)烈，同時(shí)還加了少許紅色的對(duì)比，讓畫面看起來(lái)一點(diǎn)都不膩。

互補(bǔ)色

如果希望作品能夠更有沖擊力和強(qiáng)烈對(duì)比，不妨試試互補(bǔ)色，特別是高飽和的兩種對(duì)比色，會(huì)讓畫面色彩更飽滿。
想學(xué)習(xí)對(duì)比色，可以從紫+黃開始，相對(duì)容易被接受。當(dāng)然，更需要注意的是，互補(bǔ)色的面積范圍不能太相近，如果是大面積的紅色搭配大面積的綠色，那就不是故事，而是事故了。

雙色互補(bǔ)

案例：

by Simone Massooni

大塊的橙色配上藍(lán)色的點(diǎn)綴，讓畫面看起來(lái)有強(qiáng)烈的視覺(jué)沖擊力，同時(shí)，橙色與藍(lán)色的互補(bǔ)相得益彰，襯托出橙色更加明艷誘人，高飽和度的色彩非常好看。

分裂互補(bǔ)三色

這種互補(bǔ)相較雙色互補(bǔ)對(duì)比更為柔和一些，產(chǎn)生更細(xì)膩的色彩邊界，不那么突兀。

案例：

by Simone Massooni

這張圖片用了橙紅色，綠色，藍(lán)色的互補(bǔ)分裂三色，面積和飽和度的不同讓畫面的對(duì)比沖突柔和許多，大面積的綠色里帶一點(diǎn)跳脫的橙紅和藍(lán)色，使得排版活潑有趣。

間隔色

彼此等距的雙色或者三色間隔會(huì)產(chǎn)生讓人愉悅的組合，這一組合的特點(diǎn)是色彩比較明確、差異化大、識(shí)別率高，一般比較常出現(xiàn)在廣告設(shè)計(jì)中。

雙色間隔

案例：

by Don't Try Studio和Quentin Monge

這張插畫運(yùn)用了紅+橙黃+藏藍(lán)+綠色的雙色間隔搭配，配色上兩兩互補(bǔ)，跳躍中連帶著相互呼應(yīng)，同時(shí)由于飽和度的不同，顯得畫面對(duì)比不那么突兀。

三色間隔

三色間隔比雙色間隔更加跳躍性，搭配也更加個(gè)性。

案例：

by Magdiel Lopez

這張海報(bào)運(yùn)用了最經(jīng)典的紅黃藍(lán)三色間隔，不過(guò)紅色的飽和度非常低，有些偏粉色，讓對(duì)比的沖突沒(méi)有那么明顯，畫面柔和感增強(qiáng)了許多，但依舊色彩鮮明，讓人感覺(jué)非常愉悅。

by Sara Ozvaldic

如果紅色和藍(lán)色的飽和度高一些，像這張圖一樣，也很好看。

暖色與冷色

色彩本身是沒(méi)有情緒的，但是不同的色調(diào)卻能讓人產(chǎn)生不同的感覺(jué)。

暖色調(diào)

暖色調(diào)是由太陽(yáng)衍生出來(lái)的顏色，包括紅、黃、橙，人們看到暖色調(diào)就會(huì)不由自主的聯(lián)想到太陽(yáng)，因而感覺(jué)到溫暖與興奮。

案例：

by Rachel Zimra

插畫中小女孩的衣服、發(fā)色、包括身后的房屋，大面積使用了暖色系，讓畫面看起來(lái)非常溫暖，同時(shí)，也添加了冷色系的藍(lán)色天空、綠色藤蔓，中和了暖色的燥熱感，使畫面更加和諧自然。

冷色調(diào)

冷色調(diào)是以青、綠、藍(lán)、紫為主的顏色，視覺(jué)上讓人覺(jué)得清爽甚至寒冷。

案例：

by Aitor Prieto

這幅插畫就是以冷色調(diào)為主，整個(gè)畫面讓人感覺(jué)比較清爽，其間也穿插了一點(diǎn)點(diǎn)溫暖的黃色，中和了陰冷的感覺(jué)。

學(xué)會(huì)分析作品配色

總有很多人抱怨，看了那么多配色文，可是到自己做起來(lái)又是一臉懵逼。
或者看到好看的圖，就是看不懂作者到底怎么配色的。
那么，小編來(lái)教你們你如何分析大牛的配色并運(yùn)用到自己的作品里。

第一步，把喜歡的圖片放入PS里，用吸管吸取顏色。

by FOREAL Studio

第二步，色相不變，把飽和度和明度的數(shù)值調(diào)到100。

現(xiàn)在，我們很容易就能發(fā)現(xiàn)，這張圖運(yùn)用的是橙色與藍(lán)色的漸變，并且，由于藍(lán)色的飽和度與明度較低，顯得圖片比較高大上。

這樣的分析可以直觀看到作品的配色到底是什么顏色，運(yùn)用了哪種配色方法，飽和度明度是怎樣調(diào)整的，從而真正學(xué)到大牛的手法，并且，還能提升自己對(duì)顏色的敏感度，以后就再也不會(huì)出現(xiàn)“看了很多文章，依舊學(xué)不會(huì)配色”這樣的窘境了。

總結(jié)

我們來(lái)復(fù)習(xí)一遍，想要顏色搭配好看，一定要遵循這些規(guī)律：

1. 相鄰色需調(diào)整明度與飽和度。

2. 互補(bǔ)色要注意色彩面積大小，分清主次關(guān)系。

3. 冷暖色調(diào)會(huì)對(duì)人的情緒產(chǎn)生影響。

所以，配色沒(méi)有想象中的那么難，只要遵循這些原則，大的方向就不會(huì)出錯(cuò)，剩下的，只有多看多分析多練習(xí)啦！

最后，小編想給大家留兩個(gè)思考題：

如果你有一條黃色的裙子，搭配什么顏色的包包比較出彩？

如果家里有一個(gè)藍(lán)色的沙發(fā)，搭配什么顏色的抱枕更和諧？

封面設(shè)計(jì)：Maria Gr?nlund