色彩理論的定義各不相同，但網(wǎng)設(shè)計(jì)師的色彩理論通常是指色彩混合的實(shí)際指導(dǎo)方針和導(dǎo)致視覺(jué)吸引力和和諧色彩組合的原則。

熟悉色彩理論的原理可以幫助您完成從徽標(biāo)建立到網(wǎng)頁(yè)設(shè)計(jì)的所有工作。

為了幫助您學(xué)習(xí)色彩理論，我們將其分解為以下主題：

詞匯：從色調(diào)到飽和度再到暖色等等——我們將介紹設(shè)計(jì)師在談?wù)擃伾珪r(shí)使用的術(shù)語(yǔ)

色輪：可視化顏色之間關(guān)系的強(qiáng)大工具

配色方案：如何使用色輪來(lái)選擇你的配色方案

工具和資源：幫助您掌握色彩設(shè)計(jì)的應(yīng)用程序和指南

為什么你應(yīng)該關(guān)心色彩理論

色彩理論是科學(xué)、心理學(xué)和情感的結(jié)合——使色彩成為設(shè)計(jì)中一個(gè)非常強(qiáng)大的方面。

艾薩克·牛頓爵士讓我們開始使用基于光如何反射一系列顏色的基本色輪。顏色理論和色輪不斷發(fā)展，讓我們更多地了解為什么某些顏色相互補(bǔ)充背后的科學(xué)。

隨著時(shí)間的推移，色彩心理學(xué)也影響了設(shè)計(jì)。文化、歷史和情感因素的結(jié)合會(huì)影響人們看到不同顏色時(shí)的感受。

當(dāng)你學(xué)習(xí)色彩理論時(shí)，你會(huì)用科學(xué)和心理學(xué)原理武裝自己，幫助你喚起目標(biāo)受眾的情感和反應(yīng)。

顏色的詞匯

在我們深入理論之前，您需要了解以下術(shù)語(yǔ)：

原色 

三種原色——品紅色、青色和黃色——用于建立其他顏色。

原色是所有其他色調(diào)的基礎(chǔ)。人類感知三種基本顏色：洋紅色、青色和黃色。我們看到的每一種其他顏色都是由這三種顏色的不同數(shù)量、亮度、色調(diào)和陰影的組合組成的。

傳統(tǒng)上，我們認(rèn)為紅色、藍(lán)色和黃色是原色，但研究表明，品紅色、青色和黃色更能描述我們對(duì)色彩的體驗(yàn)。如果這些顏色引發(fā)了因缺乏洋紅色墨水而導(dǎo)致打印機(jī)錯(cuò)誤的記憶，那么您并不孤單。CMYK 顏色模型 - 青色、品紅色、黃色、鍵（黑色） - 是基于彩色打印中使用的減色模型。它是減法，因?yàn)樗鼜陌坠庵袦p去了紅色、綠色和藍(lán)色。

RGB 和十六進(jìn)位 

紅色、綠色和藍(lán)色用于建立其他顏色。

在網(wǎng)絡(luò)上，我們使用 RGB（紅-綠-藍(lán)）和十六進(jìn)位值來(lái)表示顏色。RGB 是一種加色模型——顏色是通過(guò)將彩色光添加到黑色來(lái)建立的。

RGB 顏色系統(tǒng)將所有顏色定義為三個(gè)不同值的組合：一種特定的紅色、另一種綠色和另一種藍(lán)色。所以：

rgb(59, 89, 145) 等于 Facebook 藍(lán)色

rgb(0, 0, 0) 等于黑色

rgb(255, 255, 255) 等于白色

十六進(jìn)位顏色系統(tǒng)將每個(gè)值轉(zhuǎn)換為十六進(jìn)位（以16 為基數(shù)）表示，如下所示：

#3b599b 等于 Facebook 藍(lán)色

#000000 等于黑色

#ffffff 等于白色

每?jī)蓚€(gè)字符代表一個(gè)顏色值，所以對(duì)于 Facebook blue，紅色調(diào)為 3b，綠色為 59，9b 為藍(lán)色。

熱和冷

冷色和暖色

顏色也有「暖色」，每一種都可以分為暖色或冷色。

暖色包含更多的紅色和黃色。他們可以在設(shè)計(jì)中喚起溫暖和激情的感覺(jué)。他們也會(huì)覺(jué)得非常有侵略性和大膽——這就是為什么紅色經(jīng)常用于錯(cuò)誤訊息中。

冷色包含更多的藍(lán)色，讓人聯(lián)想到寒冷的氣候、冰、冬天、水、夜間、死亡和悲傷。它們可以帶有孤獨(dú)、寒冷和恐懼的內(nèi)涵。更積極的一面是，因?yàn)槔渖荒敲淳哂星致孕?，它們也可以讓人舒緩——想想藍(lán)天或海灘上平靜的藍(lán)色海水。

色溫

增加圖像的溫度意味著增加其橙色級(jí)別。它通常使圖像看起來(lái)更溫暖和更快樂(lè)，類似于當(dāng)太陽(yáng)將橙色的光芒投射在它上面時(shí)世界看起來(lái)更快樂(lè)。相比之下，降低圖像的溫度會(huì)使其看起來(lái)更冷且不那么吸引人，就像陰天一樣。

色調(diào)和色調(diào)

您將白色添加到顏色以創(chuàng)立色調(diào)并添加黑色以建立陰影。色調(diào)和陰影讓您可以通過(guò)將不同級(jí)別的白色和黑色添加到基色來(lái)創(chuàng)建單色配色方案。

例如，如果您的基色是#8dbdd8（淺藍(lán)色），如下圖所示，您可以通過(guò)選擇兩種色調(diào)（兩種較亮的藍(lán)色）和兩種色調(diào)（兩種較深的藍(lán)色）來(lái)創(chuàng)建單色方案。

基于 #8dbdd8 構(gòu)建的單色配色方案COLOURCODE。

飽和度、色調(diào)和亮度

飽和度描述顏色的強(qiáng)度。增加飽和度會(huì)使顏色更豐富和更暗，而降低飽和度會(huì)使它看起來(lái)褪色和更亮。當(dāng)我們說(shuō)「淺藍(lán)色」或「深綠色」時(shí)，我們描述的是飽和度的變化。

色調(diào)定義了一種顏色可以被描述為與紅色、橙色、黃色、綠色、藍(lán)色、靛藍(lán)和紫色（彩虹的顏色）相似或不同的程度。因此，當(dāng)您將一種顏色描述為「藍(lán)綠色」時(shí)，您就是根據(jù)兩種色調(diào)來(lái)定義它。

亮度，也稱為值或色調(diào)，定義了與純白色相比顏色的感知亮度。

HSL 配色方案。改編自「孟塞爾系統(tǒng)」。通過(guò) Commons 在 CC BY-SA 3.0 下獲得許可。

色輪

色輪。

一個(gè)基本色輪包含用于創(chuàng)建配色方案的 12 種標(biāo)準(zhǔn)顏色。餅圖的每一片代表一系列顏色，可以通過(guò)不同的飽和度、色調(diào)、色調(diào)、陰影和相鄰顏色的混合來(lái)實(shí)現(xiàn)。的色彩組合（例如，黃色，橙色，紅橙色）從混合基色相（黃色和橙色或紅色和橙色）的等量的結(jié)果。

紅色、黃色和藍(lán)色是原色。紫色、橙色和綠色是次要顏色。其他一切都是第三色——原色和二次色的混合。

設(shè)計(jì)使用色輪選擇五種配色方案之一。

5種配色方案

設(shè)計(jì)師通過(guò)配對(duì)色輪中的多個(gè)顏色系列來(lái)建立配色方案。當(dāng)您使用以下建立顏色和諧的圖案之一時(shí)，此方法效果最佳。

1. 單色

單色配色方案由單一基色的各種色調(diào)、陰影和飽和度組成。它們非常有凝聚力，但冒著變得單調(diào)的風(fēng)險(xiǎn)。

基于紫色的單色配色方案。

2. 互補(bǔ)

互補(bǔ)色方案基于色輪相對(duì)兩側(cè)的兩種顏色。因?yàn)檫@兩種色調(diào)會(huì)有很大的不同，所以這樣的方案可能會(huì)非常有影響力和引人注目。還有分裂互補(bǔ)色——其中一種原色與兩種類似的顏色一起使用。

基于綠色和紅色陰影的互補(bǔ)配色方案。

專業(yè)提示：為您的號(hào)召性用語(yǔ)選擇一種互補(bǔ)色。例如，如果您的背景顏色是薄荷綠色，那么紅紫色按鈕會(huì)吸引眼球，因?yàn)樗且环N互補(bǔ)色。

互補(bǔ)色薄荷綠和紅紫色。

3. 類比

類似的配色方案具有在色輪上彼此相鄰的三種顏色。由于色調(diào)的相似性，這些方案可以創(chuàng)造一種非常有凝聚力、統(tǒng)一的感覺(jué)，而沒(méi)有單色方案的單調(diào)。

基于紅色、橙色和黃色的類似配色方案。

4. 三元組

要制作三色配色方案，請(qǐng)?jiān)谏喩侠L制一個(gè)等邊三角形（所有三個(gè)邊都相同長(zhǎng)度的三角形），并在三角形的點(diǎn)處選擇三種顏色。這個(gè)三合會(huì)創(chuàng)造了一個(gè)多樣化但平衡的方案。

基于紫色、米色和綠色的三色配色方案。

5.四邊形

四色配色方案包括在色輪上彼此等距的四種顏色。因?yàn)樗姆N顏色可以形成正方形或矩形，所以一些資源將這些配色方案分為兩種——正方形和矩形。

四色配色方案包括中藍(lán)、紅紫、春綠和黃綠。

調(diào)色板創(chuàng)作和靈感

如果您感到不知所措，有很多顏色選擇器工具和調(diào)色板生成器可以提供靈感。Colordot 之類的工具允許您從一種主要顏色或幾種顏色選擇開始，然后為您創(chuàng)建一個(gè)方案。同時(shí)，Coolors 等工具會(huì)根據(jù)您想要的配色方案類型構(gòu)建調(diào)色板。

在您的設(shè)計(jì)中使用色彩理論

顏色是喚起情感和建立品牌形象的有力工具。想想你可以僅通過(guò)顏色識(shí)別的品牌——可口可樂(lè)紅色或星巴克綠色。顏色可以與品牌的身份密切相關(guān)，以至于它成為合法商標(biāo)——就像T-Mobile magenta 一樣。

無(wú)論您是在為徽標(biāo)尋找互補(bǔ)色還是構(gòu)建整個(gè)網(wǎng)頁(yè)設(shè)計(jì)調(diào)色板，應(yīng)用色彩理論的原則將使您的設(shè)計(jì)更具視覺(jué)沖擊力。走出去，利用您新發(fā)現(xiàn)的色彩知識(shí)為您的設(shè)計(jì)增添趣味。