色相環是什麼？
色相環（Color Wheel）是一種將色彩依照色相順序排列成圓形的圖表，用來展示顏色之間的關係，是色彩學中最基礎、也最實用的概念之一。
最早可以追溯到牛頓（Isaac Newton）在 1704 年對光譜與顏色的研究，後來經過許多藝術家與科學家的修正與延伸，逐漸發展成今日常見的 12 色或 24 色等不同版本的色相環。
不論是平面設計、插畫繪畫、網頁介面，甚至是服裝搭配與室內設計，色相環都可以作為理解與安排色彩的核心工具。
色相環的基本組成
一般常見的 12 色色相環，會由三原色、三個二次色，以及六個三次色所構成。根據使用情境不同，會有「色光三原色」與「色料三原色」兩套系統。
原色（Primary Colors）
原色指的是「無法再由其他顏色混合而成的基礎顏色」，在不同的色彩系統中，原色定義並不相同。
色光三原色（RGB）
- 紅（Red）
- 綠（Green）
- 藍（Blue）
這套系統用於「發光」的媒介，例如：電腦螢幕、手機、電視、投影機等。
三色光疊加越多，亮度越高，最後會接近白色，因此又稱為「加法混色」。
色料三原色（CMY）
- 青（Cyan）
- 洋紅（Magenta）
- 黃（Yellow）
這套系統用於「色料」混色，例如：印刷油墨、水彩、壓克力顏料等。
三種顏料混合後會吸收掉大部分光線，接近黑色，因此又稱為「減法混色」。實務印刷上常會再加上黑色（Key Plate, K）成為 CMYK 系統，以提升黑色與層次控制。
二次色（Secondary Colors）
二次色是由兩種原色等量混合而成的顏色。不同系統下，組合結果略有差異：
在色光（RGB）系統中：
- 紅 + 綠 = 黃（Yellow）
- 紅 + 藍 = 洋紅（Magenta）
- 綠 + 藍 = 青（Cyan）
在色料（CMY）系統中：
- 黃 + 青 = 綠（Green）
- 黃 + 洋紅 = 紅（Red）
- 青 + 洋紅 = 藍（Blue）
可以看到，色光系統的二次色，正好與色料系統的原色互相對應，這也是兩套系統在理論與實務上能互相轉換的原因之一。
三次色（Tertiary Colors）
三次色則是由「一種原色」與「一種相鄰的二次色」混色而來。例如在 12 色色相環中，常見的三次色包含：
- 介於紅與橙之間的紅橙
- 介於橙與黃之間的黃橙
- 介於黃與綠之間的黃綠
- 介於綠與藍之間的藍綠
- 介於藍與紫之間的藍紫
- 介於紫與紅之間的紅紫
這六個三次色，加上三原色與三個二次色，共同構成一般最常見的「12 色相環」。
色相環在配色上的實際應用
色相環最大的價值，在於幫助我們「有系統地」選色，而不是憑感覺亂挑。透過不同位置的顏色組合，可以形成和諧、對比、活潑或穩重等不同視覺效果。
以下是幾種常見且實用的配色方式：
類似色配色（Analogous）
- 做法：在色相環上選擇彼此相鄰、相近的一組顏色（約 90 度範圍內）。
- 視覺效果：整體氛圍統一、柔和，有漸層過渡感，不會有太強烈的衝突。
- 適合用途：品牌識別、背景配色、需要穩定與優雅感的設計、自然風景插畫等。
例子：以「藍色」為主色，可搭配藍綠與藍紫，形成冷色系的類似色組合。
互補色配色（Complementary）
- 做法：在色相環上選擇彼此剛好相對（180 度）的兩個顏色。
- 視覺效果：對比強烈、非常醒目，適合用來凸顯焦點。
- 適合用途：廣告設計、按鈕、行動呼籲（CTA）、需要引起注意的重點資訊。
常見搭配：紅 vs 綠、藍 vs 橙、黃 vs 紫。
實務上不一定會用「純色」彼此硬碰，通常會透過降低其中一色的明度或彩度，讓畫面既有對比又不刺眼。
分裂互補色配色（Split-Complementary）
- 做法：以某一顏色為主色，找到它在色相環上的互補色，再改用互補色兩側的顏色做搭配。
- 視覺效果：保留互補色的對比感，同時比單一互補組合更柔和、變化更豐富。
- 適合用途：需要兼顧活潑與穩定、色彩層次較多的設計。
例如：
以藍色為主色，其互補色是橙色，分裂互補可以改用「黃橙＋紅橙」來搭配藍色。
三元色配色（三角形配色，Triadic）
- 做法：在色相環上取「等距 120 度」的三個顏色，形成一個等邊三角形。
- 視覺效果：色彩豐富且相對平衡，能維持一定和諧感，同時不會過於單調。
- 適合用途：需要多色系但又不想太亂的設計，如活潑品牌、插畫、介面圖示。
常見例子：紅－黃－藍、橙－綠－紫等組合。
四邊形／矩形配色（Tetradic / Rectangle）
- 做法：在色相環上選取四個顏色，形成兩組互補色的組合（例如一個矩形）。
- 視覺效果：色彩變化極為豐富，能創造張力與層次感，但控制不好容易變得混亂。
- 適合用途：大型插畫、複雜視覺設計、多主題畫面，或需要強烈視覺印象的場景。
實務上通常會選定其中一個顏色作為主色，其餘為輔助色與點綴色，避免四個顏色同時搶戲。
如何實際運用色相環？
不論是傳統繪畫、平面設計、UI 設計、攝影色調，甚至是服裝與居家搭配，色相環都能提供清楚的參考方向。可以依照以下幾個步驟來使用：
1. 先決定主色（Key Color）
根據設計目的與情緒氛圍，先選出一個主色：
- 溫暖、活潑：多半會落在紅、橙、黃一帶
- 冷靜、專業：常用藍、藍綠、藍紫
- 自然、清新：偏綠與黃綠
主色通常會在畫面中佔比較大的比例，或者用在品牌最關鍵的元素上。
2. 選擇配色策略
根據作品的用途與風格，決定要使用哪種配色方式：
- 想要穩定、氣質一致 → 類似色配色
- 想讓重點特別醒目 → 互補色或分裂互補色
- 想讓畫面豐富有活力 → 三元色或四邊形配色
先選策略，再對照色相環挑色，會比隨意拉色碼更有方向。
3. 調整明度與彩度
色相環主要處理的是「色相」（顏色本身），但實際設計中，同樣重要的還有：
- 明度（Value）：色彩的明暗程度
- 彩度（Saturation）：色彩的鮮豔或灰暗程度
即使用的是同一組色相，只要調整明度與彩度，就可以營造完全不同的感覺：
- 降低彩度 → 畫面更成熟、內斂
- 提高明度 → 更輕盈、清爽
- 壓低明度 → 更穩重、沉穩
因此，色相環選色只是第一步，後續還要用明度、彩度去微調。
4. 留意螢幕與印刷的落差
電腦螢幕、手機與印刷品之間的色域與顯色方式不同，同一組色碼在螢幕上與實際印刷出來，有時會有明顯差異。因此在實務上建議：
- 重要品牌色與印刷色，盡量參考專業色票（Pantone、CMYK 色卡等）
- 與印刷廠確認紙材、上膜方式，因為這些也會影響顏色觀感
- 網頁顏色與印刷顏色可各自做一點微調，而不是完全強求一致
結語：
色相環看起來只是簡單的一個圓，但它凝聚了對色彩關係的系統化理解：從三原色、二次色、三次色，到類似色、互補色與各種配色公式，都是幫助我們在創作與設計中「有意識地使用顏色」的基礎。
當你習慣透過色相環來思考顏色，選色就不再只是「感覺好不好看」，而是能根據目的、情緒與媒介，做出有邏輯、有根據的配色選擇。