色彩理論簡介

設計師經常思考色彩的運用——無論是建立品牌識別，還是試圖為廣告傳達正確的情緒。無論任務為何，了解色彩理論都將大有助益。

如果您是色彩理論的新手，或者只是想提升您的設計知識，那麼您來對地方了。我們將引導您了解基礎知識，並分享一些技巧，讓您像專業人士一樣思考色彩。

讓我們開始吧！

什麼是色彩理論？簡史

色彩理論是關於色彩的研究——它們如何運作、它們從哪裡來，以及我們如何體驗它們。雖然顏色可能是一個抽象的主題，但它們背後有很多科學原理。事實上，學者們幾個世紀以來一直在研究它們——從西元前 4 世紀的亞里斯多德到 17 世紀的艾薩克·牛頓爵士——甚至到今天！

您可能聽說過牛頓關於顏色與光之間關係的研究。他讓陽光穿過玻璃稜鏡的一側，然後看到另一側出現幾種顏色。最終，他的實驗讓他發現顏色是光的一部分。

但故事還沒結束。牛頓還認為他看到的顏色彼此相關，因此他將它們記錄在圓形圖上以視覺化他的理論。這為我們提供了色環的早期版本之一——這是我們今天組織和理解顏色的框架。

色環快速指南

自 17 世紀牛頓的版本以來，色環已經發展了很多。今天，它是 12 種顏色的視覺表現形式，如下圖所示。我們可以通過將這些顏色分為三類來更好地理解它們：原色、次要色和三次色。

• 原色——色環有三種原色：紅色、藍色和黃色。您可以將原色視為色環的根基。這是因為色環上的所有其他顏色都是通過混合它們產生的——彼此混合或與次要色混合。
• 次要色——通過一次混合兩種原色，我們可以產生三種次要色。紅色和藍色產生紫色。藍色和黃色產生綠色。紅色和黃色產生橙色。
• 三次色——將一種原色與一種次要色混合會產生三次色。這意味著總共有六種三次色，每一種都以它們的顏色組合命名：紅橙色、紅紫色、黃橙色、黃綠色、藍綠色和藍紫色。

深入了解設計中的色彩理論

現在您可以使用風色環的所有顏色進行繪製，是時候將我們的理解提升到一個新的水平了。還記得您的幼稚園老師談論不同深淺的顏色嗎？例如「深綠色」或「淺藍色」？嗯，我們可以使用一些正式的詞彙來衡量顏色的深淺：色相、飽和度和亮度。

老實說，我們已經在以色相的角度思考顏色了。簡而言之，色相就是顏色的另一個說法。它指的是顏色本身，沒有額外的亮度或鮮豔度，也沒有褪色或變暗。綠色、橙色、藍色和紫色都是色相的例子。

調整飽和度將決定顏色的強度。飽和度越高，顏色越濃；飽和度越低，顏色看起來越淡。

另一方面，亮度（通常稱為明度）是用來衡量顏色有多暗或多亮的指標，正如你可能猜到的那樣。

大多數數位設計工具都使用這些術語來衡量顏色，所以了解它們的含義是很有價值的！例如，在我們的 Mac 應用程式中，您可以根據色相、飽和度和亮度 (HSB) 來修改顏色，以達到不同的色調。但無論您追求哪種設計職業，了解這些術語都能幫助您自信地描述顏色。

了解哪些顏色搭配起來好看

並非所有顏色搭配起來都好看。但有些組合可以提升我們的心情。事實上，研究表明，顏色會對我們的心理產生深遠的影響——可能會影響我們的購物方式、樂觀程度，甚至工作效率。

那麼，我們如何知道哪些顏色搭配起來好看呢？這就需要我們信賴的色環了。顏色在色環上的位置，可以告訴我們許多關於它與其他顏色關係的資訊。如果顏色搭配起來好看，我們可以稱之為色彩和諧。

讓我們來看四個色彩和諧的例子，以及為什麼它們搭配起來效果很好

類似色是指色環上彼此相鄰的三種顏色。它們搭配起來效果很好，因為它們之間的對比度不大，可以互相襯托視覺效果。例如，紅色、紅橙色和橙色，各自散發出溫暖的感覺。它們組合在一起，則散發出如火的氛圍。另一方面，藍色、藍紫色和紫色，則共同散發出沉靜的氛圍。

互補色是指色環上相對的兩種顏色。它們之間強烈的對比，突顯了彼此之間的差異，形成鮮明的組合。藍色和橙色是互補色的一個常見例子。想想看，橙色的夕陽映照在藍色的大海上——甚至是Firefox 瀏覽器標誌。

當您將三種顏色均勻分佈在色環上時——例如紅、藍、黃——您就創造了三元色。由於它們平均分佈，因此可以呈現高對比度卻又均衡的外觀。這就是Yves Saint Laurent 的蒙德里安風格洋裝如此聞名的原因。

四元配色是由兩組互補色組成的，總共四種顏色。在色環上，我們可以用一個長方形或正方形來想像四元配色方案，每個角指向色環上的四種顏色之一。由於涉及許多對比色，四元配色方案可以創造出活潑的調色板。因此，下次您要更新品牌顏色時，不妨考慮這種方法！

了解顏色如何相互搭配可以幫助您成為更熟練、更有自信的設計師。但請記住，決定什麼好看也取決於個人品味。正如我們的共同執行長兼共同創辦人 Emanuel Sá 所說：「無論你怎麼說顏色，都會引起爭議」。所以，相信自己的視覺判斷也沒問題。

既然您已經掌握了色彩理論的基礎知識，現在是時候將它們付諸實踐了。試著辨識一些著名設計中的色彩和諧，看看是什麼讓它們奏效。您也可以使用我們的許多色彩相關功能，例如顏色選擇器、顏色變數或漸層，來創建您自己的彩色設計。

如果您對自己選擇的調色板感到興奮，歡迎使用 #MadeWithSketch 標籤與我們分享。我們很樂意看到您的作品！ 🤩