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