HEX、RGB、HSL 三種格式即時轉換，輸入任一格式自動計算其他兩種。
內建顏色選擇器，直覺選色，即時預覽大面積色塊效果。
自動產生互補色、類似色、三等分、分裂互補等專業配色方案。
每種色碼格式旁都有複製按鈕，快速複製到剪貼簿使用。
自動記錄最近使用的顏色，方便快速回顧與重複使用。
所有計算在瀏覽器完成，不需要網路連線，資料不會上傳。
深入了解 RGB、HSL、HEX 等色彩模型的原理與差異。掌握不同色彩空間的運作方式，讓你在設計與開發中精準控制顏色。
入門指南色彩理論是設計的基石。從伊登色環到現代配色系統，一篇掌握設計師必備的色彩知識與實用配色技巧。
設計理論了解 WCAG 色彩對比度標準，學會如何選擇符合無障礙規範的配色，讓你的網站對所有使用者都友善。
無障礙設計不同顏色會引發不同的情緒反應。深入了解色彩心理學在品牌設計中的應用，選出最能傳達品牌精神的配色。
品牌設計HEX 與 RGB 都能表示紅、綠、藍三個色彩通道，HEX 使用十六進位，RGB 通常以 0–255 的十進位數值表示。輸入任一格式後，可在本頁查看另一種格式與顏色預覽。
複製工具產生的 hsl() 數值，放入 CSS 的 color 或 background-color 等屬性。本頁提供色相、飽和度與亮度的換算，貼上後可再到實際網頁確認效果。