「色相環」的英文為「Color Wheel」，是一種存在百年的配色工具，也是色彩理論的基礎，更是許多藝術家、設計師尋找顏色靈感時必備的調色基礎。
本文將帶大家實際了解色相環的基本元素，以及延伸出來的顏色分類系統、7 大配色技巧，加碼 3 款容易上手的線上色相環網站，從理論到實作一次掌握，輕鬆搭配出和諧耐看又獨一無二的色彩組合！
色相環的由來
首先，我們從色相環的名稱開始說明。色相環有許多別名，我們又稱之為「色輪」、「色環」、「色圈」或是「伊登 12 色環」。
之所以稱為「色輪」、「色環」、「色圈」，是因其外形為由 12 種顏色排列而成的圓圈；而又被稱為「伊登 12 色環」的原因，跟色相環的歷史由來有關：起初，色相環的概念由科學家牛頓於 17 世紀提出，到了 20 世紀初，經身兼藝術家、設計師、教師的約翰內斯 ．伊登（Johannes Itten ）改良成我們現在常見的色相環與色彩理論。
6 種色相環的用途
色相環將各式各樣的色彩，依照明暗、深淺與關聯性，規律而整齊地鋪放在一起，如同一張「色彩地圖」，讓我們能夠：
- 看出某種顏色在色相環上的定位
- 了解顏色之間深淺明暗的色調變化
- 善用不同配色技巧能打造不同的美感效果
- 判斷哪些顏色適合／不適合放在一起
- 找到某種顏色的相近色、對比色
- 設計單色或多色的色彩方案
所以，我們可以說「色相環是色彩理論的基礎」，不論是廣告行銷、藝術繪畫、房間風格、時尚產業，甚至是我們每個人日常的穿著搭配、妝容設計，都常常用到色相環這個調色工具，以及它背後的配色概念。
什麼是色相環（Color Wheel）？
前一段簡單說明了色相環的由來、用途，現在來解釋「色相環的定義」。
簡單一句話來說，色相環是依照規律鋪滿 12 種顏色的圓形調色盤，讓我們快速掌握多種顏色之間相似、對比的程度與關係。這一段我們會仔細說明，這個調色盤當中包含的基本元素、分類系統以及顏色指標，幫助大家理解與活用這項色彩工具。
色相環的基本元素
色相環當中的 12 色，包含原色、二次色、三次色，是一群以三原色為基礎，不斷重複混色步驟而形成的 12 種顏色，也是色相環中最基本的顏色單位，所以相鄰的顏色會有相似的感覺。這邊一一介紹：
原色（Primary Colors）
「原色」是最基本的色彩要素，無法透過其他顏色混合而成，但能彼此混合創造出其他顏色。
原色有以下三種：
- 紅色（Red）
- 黃色（Yellow）
- 藍色（Blue）
二次色（Secondary Colors）
「二次色」是利用原色兩兩混合而成的三種顏色，混和的過程和結果如下：
- 紅色＋黃色＝橙色（Orange）
- 黃色＋藍色＝綠色（Green）
- 藍色＋紅色＝紫色（Purple）
三次色（Tertiary Colors）
「三次色」是利用原色、二次色兩兩混合而成的六種顏色，混和的過程和結果如下：
- 紅色＋紫色＝紅紫色（Red-Purple）
- 紅色＋橙色＝紅橙色（Red-Orange）
- 黃色＋橙色＝黃橙色（Yellow-Orange）
- 黃色＋綠色＝黃綠色（Yellow-Green）
- 藍色＋紫色＝藍紫色（Blue-Purple，也可稱作紫羅蘭色）
- 藍色＋綠色＝藍綠色（Blue-Green）
色相環的分類系統：暖色系、冷色系
我們在色相環當中切一條線，左、右半部分別為兩種常見的顏色分類：
- 暖色系：包含紅、橙、黃等顏色，通常給人溫暖、熱鬧、明亮的感受與印象。
- 冷色系：包含綠、藍、紫等顏色，通常給人涼爽、寧靜、低調的感受與印象。
色相環的顏色指標：色相、淺色、色度、飽和度、亮度
| 顏色指標 | 意義 |
|---|---|
| 色相（Hue） | 即「顏色」，所有的顏色名稱都可以說是色相 |
| 淺色（Tint） | 指某種顏色添加白色後形成的淺色版本 |
| 色度（Shade） | 與淺色相反，指某種顏色添加黑色後形成的深色版本 |
| 飽和度（Tone、Saturation） | 指顏色的純度、鮮豔程度，如果只有單一色彩，沒有混和其他顏色，就是高飽和度 |
| 亮度（Luminance） | 指顏色的明亮程度，通常淺色的亮度會高於深色 |
色相環的7 大配色技巧
掌握色相環的基本知識後，接著來了解如何使用這項工具，搭配如相似色、互補色、分割補色配色法等多樣的技巧，調配出和諧又好看的色系組合吧！
色相環配色技巧 1：互補色配色法（Complementary）
- 方法：在色相環選定一個主色，其正對面的顏色就是互補色，又稱為對比色
- 特色：高對比度，能打造鮮明、大膽、有衝擊力的配色
- 例子：黃色、紫色
色相環配色技巧 2：分割補色配色法（Split Complementary）
- 方法：在色相環選定一個主色，與正對面互補色左、右兩旁的顏色搭配成三色方案
- 特色：顏色更豐富多樣，並在保持對比度的情況下，稍微降低顏色帶來的衝擊感
- 例子：紫色、橙色、綠色
色相環配色技巧 3：單色配色法（Monochromatic）
- 方法：在色相環選定一個主色，往內圈找淺色、往外圈找色度，形成兩種或兩種以上的配色方案
- 特色：利用單一色系的深淺明暗、飽和度變化，打造簡約一致、富有層次感的風格
- 例子：黃色、深黃色、淺黃色
色相環配色技巧 4：相似色配色法（Analogous）
- 方法：在色相環選定一個主色，找到與其相鄰並排的顏色，形成兩種或兩種以上的配色方案
- 特色：由於是相鄰的類似色，視覺上會給人和諧自然、平靜耐看的感覺
- 例子：橙色、紅橙色和紅色
色相環配色技巧 5：三等分配色法（Triadic）
- 方法：在色相環選定一個主色，然後往左、往右各找一個相距 120 度的顏色，形成三色配色
- 特色：與分割補色配色法類似，差別在於三等分配色法的三種顏色勢均力敵、各顯風采，所以能呈現更加活潑亮麗、色彩繽紛的感覺
- 例子：紅色、藍色、綠色
色相環配色技巧 6：矩形配色法（Tetradic）
- 方法：在色相環上畫一個矩形，對角線相連的兩色互為互補色，形成由兩組互補色搭配的四色方案
- 特色：顏色更加繽紛熱鬧，但是也更需要留意色彩平衡，建議挑選一種主色後，其他當作點綴的配角，以免顯得混亂
- 例子：紅色、橙色、綠色、藍色
色相環配色技巧 7：冷暖色配色法（Warm and Cool Colors）
- 方法：在色相環左右兩邊的冷色系、暖色系，各選一至兩個顏色，形成兩種或兩種以上的配色組合
- 特色：結合暖色系的溫柔、冷色系的清涼，調和出平衡百搭的色系
- 例子：橘色、藍色
3 個色相環配色網站推薦
最後，安庭家居整理了以下三個線上的色相環網站，不論是想練習配色、還是培養美感，都推薦大家實際操作試試看喔！
色相環配色網站 1：Canva
首先推薦這款介面乾淨、操作簡單的入門款：Canva 色相環。操作方式是拖曳色相環上的圓圈，找到自己喜歡的顏色後，在下方選擇喜歡的配色方式（如：單色、相似色、互補色），然後系統就會出現對應的配色組合，以及每種顏色的色碼囉！最後還能匯出顏色資訊，將這個組合記錄下來。
色相環配色網站 2：Adobe
接下來這個是相對來說更專業 Adobe 色相環，除了有超多種的配色方法之外，還有多達五種的顏色選擇，甚至能在下方微調顏色的數值、記錄色碼組合。最特別的是，色相環下方有個滴管的符號，點擊後可以開啟「吸色」功能，拖曳到其他地方吸取自己喜歡的顏色，很適合在不知道色碼的情況下使用這個小工具。
色相環配色網站 3：Color Calculator
Color Calculator 色相環操作上更視覺化、步驟化：首先是選取自己喜歡的顏色（單個或複數個），接著選擇偏好的配色方法，這樣系統就會選出合適的色彩了，最後也能匯出顏色詳細的色碼資訊。比較特別的是，第二步驟以圖案標示配色方法，好比說矩形就是指「矩形配色法」，點點的位置可理解為顏色在色相環上的位置，呈現方式相對直觀簡易。
結論
掌握色相環的定義與用法，能幫助我們在配色時找到一個有參考價值的指標、依據，甚至在毫無想法時提供豐沛的靈感。不過，色相環終究是一個工具，調配出來的色彩還是可以再依據個人的喜好，微調明暗深淺、色彩比例，打造出適合自己的最佳組合。
除此之外，若想找尋更多居家色彩靈感，也歡迎來安庭家居的「床包配色專區」參考看看喔！我們身為寢具界的調色魔術師，不但擁有全台灣最豐富多樣的素色寢具配色方案，而且還提供各色床包的「樣布索取」服務，讓大家能實際觸摸、觀察床包的顏色與觸感，並且自己搭配、組合喜歡的床包、棉被與枕頭顏色，設計獨一無二的繽紛舒眠臥室。
若是已經有喜歡的顏色，但還不清楚配色方向的話，除了使用色相環之外，安庭家居也整理了超詳細的 6 大色系配色技巧與方案給大家參考：
