網頁配色三大核心原則

1. 合理性：每種顏色蘊含特定情感（紅=熱情、藍=冷靜），精準傳達設計主題。
2. 鮮明性：首屏視覺焦點區運用高飽和色彩，強化記憶點並提升回訪率。
3. 獨特性：差異化配色方案讓頁面在同質競爭中脫穎而出。

五大經典配色策略

• 對比色：紅、黃、藍三原色強烈對比，視覺衝擊力最強。
• 冷色系：綠、藍、紫營造寧靜、高雅氛圍。
• 暖色系：紅、橙、黃傳遞熱情、和諧感。
• 鄰近色：色環相鄰色（如綠藍、紅黃）易達成和諧統一。
• 單色系：固定色相，調節透明度與飽和度建立層次。

Kuler 面板實操教學

Kuler 藏身於 視窗 → 擴充功能 → Kuler，需完整安裝版 Photoshop 才可使用。

1. 瀏覽與搜尋現成主題

面板內建海量配色方案，左上角可依「最熱門」、「最高評分」等排序。若有心儀方案，雙擊色塊即可設為前景色；點擊下方「加入色板」按鈕可直接存入色板面板。

2. 自訂配色主題

點擊「建立」進入編輯模式：先定主色（基色），再選擇「類似」、「單色」、「三角色」等和諧規則自動生成五色色板。完成後可儲存主題（名稱限英數），亦可上傳至 Adobe Color 社群分享。

3. 線上替代方案

若非完整安裝版，可直接造訪 Adobe Color 線上版，功能同步且跨平台。

靈感速查：三組經典配色範例

潮流扁平化配色
情感傾向配色
中國傳統色系