所謂「安全配色」即遵循設計與色彩規範，控制好比例，即可大膽配色無需臨摹參考。本文提供四階段訓練法，零基礎也能創造符合 Web/UI 標準的配色方案。

學習配色三大入門法

1. 顏料塗鴉：購買水彩/水粉/丙烯，大膽調色體驗色彩關係。
2. 觀察生活：觀察木桌棕色變化、樹葉綠色差異、光影對飽和度明度影響。
3. 玩轉軟體：使用 Photoshop CC 內建 Adobe Color Themes（舊版 Kuler），觀察色環角度、配色模式。

四階段進階訓練

第一階段：色彩知識直觀理解

熟悉核心概念（無需死記術語，看圖即懂）：

• 色環、色相、明度、對比色、冷暖色
• 三原色：光源 RGB / 顏料 RYB
• 無色系：黑白灰
• 類比色/相似色（色環鄰近）、互補色/對比色（180°）、單色（明度變化）、分裂補色、二次色（三位一體）、CMYK 印刷四色、色彩心理學、偏色調整原則。

第二階段：配色軟體實戰

1. 馬賽克配色法

• 明確設計目標（如女性向 UI → 粉紅紫系）。
• 搜尋對應意境風景照（如「秋天落葉唯美」）。
• PS 濾鏡→馬賽克（大格），提取和諧配色組。
• 加入色相/飽和度調整圖層微調。

2. Photoshop 插件法

• 設定核心色（如聖誕節綠/紅）為前景色/背景色。
• 開啟 Adobe Color Themes，將背景色套用至「基礎色」。
• 選擇配色模式：類比色、單色、三角色、互補色、複合色、陰影色、自訂。
• 拖動控制點微調，加入色板使用。

實戰中控制比例：主色鋪大面積，對比色點綴（通常 <1/2，特殊風格除外）。

第三階段：色彩記憶感培養

熟記 Web 常用背景色與文字色（參考美規範），建立下意識調用能力。

第四階段：高質量資源探索

研讀 Google Design / Material Design 色彩系統，學習新色彩思維與創意方法。

完成前二階段即可獨立產出安全配色方案；持續練習比例控制，方能做出優秀作品。