快速開始
內建 組配色、 個具名顏色。資料只存在這個瀏覽器，換電腦請用「備份與還原」。
最短流程
- 在「常用配色組」或「色表」挑色，帶進調色盤。
- 在「顏色用途」指定背景、文字、主色，看「配色檢查」有沒有不足。
- 按「輸出」下載 PPT 範本、色票圖，或複製提示詞、CSS。
- 色相環
- 點色相環換基準色，切換配色法看取色角度。
- 三屬性
- 拖滑桿調色相、飽和度、明度；下方表格可點選。
- 冷暖色
- 冷暖代表色與適用場合。
- 60-30-10
- 用目前配色示範面積比例。
- 對比與易讀
- 對比實例、HSL 明度與實際亮度、色弱模擬。
- 色彩心理
- 11 色的聯想、產業與華人文化。
- 搜尋
- 名稱、拼音、英文名或色碼；「查這個色碼」看任何顏色。
- 色系分類
- 選色系後可再「細分」，如玫紅／正紅／朱紅。
- 色調
- 淺淡、明亮、鮮豔、灰調、深濃、暗黑；莫蘭迪選「灰調」。
- 來源
- 常用色、中國／日本傳統色、配色辭典、CSS、RAL；部分可再細分（茶色系、鼠色系、RAL 千位分組）。
- 命名取材
- 依名稱用字歸類，如花草植物、礦物金屬。
- 組合篩選
- 各列可同時用，數字＝加選後剩幾色。
- 點一個顏色
- 看 HEX／RGB／HSL／CMYK、深淺色階、黑白字對比、相關配色組；可加到色票。
✓＝已在色票裡。CMYK 與 RAL 為螢幕近似值，印刷、塗裝以實體色票為準。
常用配色組
內建與你存的配色。「複製到調色盤」帶入色票與用途，可復原。
- 搜尋
- 名稱、說明、標籤、色碼，也接受英文別名（Wada、Viridis…）。
- 選擇標籤
- 同類多選＝符合其一；不同類＝都要符合。按「儲存」套用。
- 虛線標籤
- 沒有人工標註時，依名稱與色碼推定的氛圍、風格、產業、季節。
- 排序
- 「相關程度」＝字詞符合位置＋與目前色票的相近程度。
- 卡片
- 右上：複製色碼、最愛。下方：提示詞、刪除（僅自己存的）。
色票與調色工具
色票最多 10 色；順序＝圖表系列的取色順序。
- 改色
- 點色塊開調色器，或改色碼按 Enter。‹ › 移動，× 移除。
- 選取色
- 有框的那一色，是調色工具的基準。
- 復原
- 最多 30 步，含改名、明暗切換、套用配色組。
- 和諧配色
- 類似、單色深淺、互補、分裂互補、三角、四角。
- 圖片取色
- 拖入圖片自動找主色；點圖片吸取單點。
- 貼上色碼
- 從任何文字抓出 HEX、rgb()、hsl()。
- 色階
- 50–900 十階，點一格加入色票。
- 相近配色組
- 列出與目前色票相近的內建配色。
顏色用途
預覽與輸出都照這裡的分配。每項選「自動」、色票裡的一色或 ＋ 自訂；淺色、深色版分開記。
背景
最大面積的底色
卡片底
卡片、表格、區塊
文字
內文與標題
次要文字
註解、說明
分隔線
邊框、表格線
主色
按鈕、連結，約一成面積
輔助色
標籤、次要強調
自動：最亮當背景、最暗當文字、最鮮豔當主色；對比不足會自動調深或調亮。
配色檢查的標示
| 標示 | 對比值 | 可用於 |
|---|
| AAA AA | ≥ 4.5:1 | 內文 |
| 僅大字 | ≥ 3:1 | 18pt 以上標題、圖示 |
| 不足 | < 3:1 | 不放文字 |
色票互配對比：列＝文字色、欄＝底色，粗框＝可放內文。
- 版面
- 14 種：色卡｜報告、圖表、簡報、電子報｜行銷頁、儀表板、電商、部落格、App｜社群、海報、名片、菜單。
- 明暗／色覺
- 淺色、深色切換；紅、綠、藍色弱與灰階模擬。
- 全螢幕
- 方便截圖；給 AI 看用「色卡」。
輸出
- PowerPoint
- 下載 .pptx，主題色彩已設好；或「設計 → 佈景主題 → 瀏覽」套到現有簡報。
- Google 簡報
- 上傳 .pptx 開啟，或「變更主題 → 匯入主題」。
- Canva
- 上傳 .pptx 或色票圖 PNG／SVG；品牌工具組逐色貼上色碼。
- AI 與程式碼
- AI 提示詞、CSS 變數、色碼清單、JSON。
看目前配色的 AI 提示詞
備份與外觀
資料只存在這個瀏覽器；清除瀏覽資料前先備份。
- 備份
- 「複製備份碼」存下配色、最愛與色票（PAL1: 開頭）。
- 還原
- 貼上備份碼按「合併還原」；同名配色會更新，可復原。
- 外觀
- 右上「配色」只改工具外觀；判色建議用預設「中性淺」。
對比值（WCAG 2）
相對亮度 L = 0.2126R + 0.7152G + 0.0722B（RGB 先轉線性）
對比值 = (較亮 L + 0.05) ÷ (較暗 L + 0.05)，範圍 1–21
只看明暗、不看色相：亮度相近的紅綠，對比值仍低。
自動用途
- 淺色版
- 背景取最亮色；文字 ≥ 8:1；主色、輔助色 ≥ 3:1。
- 深色版
- 背景取最暗色並加深；文字 ≥ 10:1；主色、輔助色 ≥ 4.5:1。
- 主色／輔助色
- 彩度最高者為主色；色相差 25° 以上的下一個鮮豔色為輔助色。
- 其他
- 次要文字 ≥ 4.6:1；分隔線＝文字色淡化；按鈕字白字達 4.5:1 用白，否則取對比較高者。
調色工具
- 和諧配色
- 類似 ±20°/±40°、互補 180°、分裂 150°/210°、三角 120°/240°、四角 90°/180°/270°；單色改明度 ±15/±30。
- 圖片取色
- 縮至寬 400px，k-means 分 7 群；去掉面積 < 1%、合併相近色，最多 6 色。
- 色階
- 固定色相，明度 96 → 16，兩端略降飽和度。
- 色差 ΔE
- CIE Lab 距離；約 2 以下難分辨，13 以下算相近。
檢查與標籤
- 檢查提示
- 內文、次要文字 < 4.5:1；按鈕字 < 3:1；主色與輔助色 ΔE < 10；相鄰圖表系列 ΔE < 12；圖表可用色 < 3。
- 主色系
- 依色相分區；暗橙紅歸棕、紫紅與淺紅歸粉；低彩度不計。
- 可讀性
- 色弱可分＝有彩色 ≥ 3 且紅、綠色弱模擬後兩兩 ΔE ≥ 10；灰階可分＝明度兩兩差 ≥ 7；高對比＝最亮與最暗 ≥ 12:1。
- 明暗彩度
- 淺色＝最亮色亮度 > 0.7；高彩度＝平均彩度 > 0.6；低彩度 < 0.22。
- 推定標籤
- 先看名稱說明字詞，再看色碼。季節依個人色彩四季：暖亮＝春、冷柔＝夏、暖深＝秋、冷濃＝冬；圖表與介面系統類不推定產業與季節。
- 色表色調
- 依 CIE Lab：L* ≥ 86 淺淡、< 27 暗黑；彩度 C* < 16 灰調、≥ 50 鮮豔；其餘 L* ≥ 62 明亮，否則深濃。
- 色表排序
- 以 CIEDE2000 色差找走過所有顏色的最短路徑（最近鄰＋2-opt＋Or-opt），欄位蛇形接續。