色環是什麼？
色環（color wheel）是把顏色沿著圓周排列的圖。相鄰的顏色彼此相似，相對的顏色差異最大。
17 世紀時，艾薩克·牛頓畫出了最早的色環之一。從那之後，藝術家和設計師就一直用它來理解與搭配顏色。
主要有兩種模型：繪畫使用的傳統模型，以及螢幕使用的數位模型。
傳統 RYB 模型（顏料）
這是我們在學校學到的模型，取紅（Red）、黃（Yellow）、藍（Blue）的字首，稱為 RYB。
- 原色（一次色）：紅、黃、藍。無法用其他顏色混合出來。
- 二次色：橘（紅＋黃）、綠（黃＋藍）、紫（藍＋紅）。
- 三次色：原色和相鄰的二次色混合而成，共有紅橘、黃橘、黃綠、藍綠、藍紫、紅紫六種。
傳統色環總共有 12 色，對繪畫、插畫和理解配色都很有幫助。
數位 RGB 模型（螢幕）
螢幕是用光來產生顏色。因為混合的是紅、綠、藍三種光，所以稱為 RGB 模型。
- 原色：紅、綠、藍。
- 二次色：黃（紅＋綠）、青（綠＋藍）、洋紅（藍＋紅）。
- 三種光都開到最強會變成白色，完全沒有光則是黑色。
像 #FF0000 這樣的 16 進位色碼（HEX）表示的就是 RGB 顏色，所以它是網頁與 App 設計的標準。
印刷則使用另一種模型 CMYK，由青、洋紅、黃、黑組成。印刷廠用的就是這種模型。
實際上，兩種模型的配色思路幾乎一樣，差別在於某個顏色的對面是哪一色。例如在 RYB 中，紅色的互補色是綠色；在 RGB 中則是青色。
暖色與冷色
把色環分成兩半，就會得到兩組顏色：
- 暖色：紅、橘、黃。給人活力、親切與動感，看起來像是往前靠近。
- 冷色：綠、藍、紫。給人沉穩、距離感與秩序，看起來像是往後退。
同一個顏色裡也有冷暖之分：有偏藍的冷紅色，也有偏棕的暖灰色。
實用小技巧：背景和大面積用冷色，想強調的地方用暖色。
配色方式（色彩調和）
配色方式是根據顏色在色環上的位置關係來搭配顏色，是做出平衡配色的捷徑。用配色工具實際試試看吧。
互補色
色環上相對的兩個顏色，例如藍色和橘色。
因為對比最強，最適合用來突顯按鈕、價格或標題。
用法：不要用相同的分量，一個當主色，另一個當點綴色。避免把文字放在鮮豔的互補色上，會產生閃爍感，讓眼睛疲勞。
類似色
色環上相鄰的三個顏色，例如黃色、黃橘色和橘色。
這種搭配沉穩又自然，在夕陽、森林等大自然景色中也很常見。
用法：決定主色和輔助色，第三個顏色用在細節上。記得加入中性色，避免對比太弱。
三角配色
在色環上等距排列、形成三角形的三個顏色，例如紅色、黃色和藍色。
能做出熱鬧又平衡的配色，在兒童設計、遊戲和活潑的品牌中很受歡迎。
用法：以一個顏色為主，另外兩個少量使用。如果覺得太強烈，就降低其中一兩個顏色的彩度。
分裂互補色
選一個顏色後，不用它正對面的顏色，而是用對面顏色兩側的兩個顏色。例如藍色搭配紅橘色和黃橘色。
對比足夠，但不像互補色那麼緊張，很適合當作第一個嘗試的配色方式。
用法：基礎色用在設計的大部分區域，另外兩色當作點綴。
四角配色
在色環上形成長方形或正方形的四個顏色，等於兩組互補色的組合。例如藍色、橘色、綠色和紅色。
這是顏色最多、最豐富的配色方式，但也是最難取得平衡的一種。
用法：安排一個主色、一個輔助色和兩個點綴色。小心搭配暖色與冷色，並善用中性色。
單色配色
只用一個顏色，改變它的明度和彩度來搭配。例如這樣深淺不同的藍色。
優雅、有一致感，而且很容易上手，企業網站和 App 介面都很常用。
用法：最深的顏色用在文字，中間色用在重要元素，淺色用在背景。想突顯某個地方時，只加一個點綴色就好。
使用色環的小技巧
- 先從一種配色方式開始，之後再調整，不必死守規則。
- 太強烈的組合，可以調整明度或彩度讓它柔和一點。
- 一定要加入白色、黑色、灰色或米色等中性色。
- 確認文字放在每一種背景上都清楚好讀。