人觀察物體，首引反應是色彩——視覺元素中對刺激最敏感、反應最快的信息符號。色彩佔視覺注意力 80%，形態僅 20%。在商店中，最難忘的印象往往源於色彩。掌握色彩科學與心理學，是設計師的核心竅門。
一、色彩分類體系
- 原色（三原色）：紅、黃、藍——不可再分解，能調配其他色彩。
- 間色（二次色）：兩原色混合——紅黃→橙、黃藍→綠、藍紅→紫。
- 復色（三次色/再間色）：兩間色調制——橙綠→橙綠色等。
- 補色：原色與間色、或復色相配呈現的色彩。
二、色彩三要素：色相、純度、明度
- 色相：色彩相貌特徵。紅橙黃波長長、衝擊強；藍綠紫波長短、衝擊弱。體現固有色與冷暖感。
- 純度（飽和度）：色素飽和程度。體現量感。七純色純度最高；同色系中桔紅、朱紅、桃紅、曙紅純度遞減。
- 明度：色彩深淺層次（黑白灰）。七色中黃最亮，橙綠次之，紅青再次，藍紫最暗。明度變化創造層次與立體感。
三、色彩性質引發的六大心理感受
| 性質 | 機制 | 心理效應 |
|---|
| 冷暖 | 色相波長 | 綠藍紫→冷靜清涼；紅橙黃→熱烈溫暖。黃綠/藍綠為中間色 |
| 輕重 | 飽和度高低 | 高飽和→重（黑 187g、紅 158g、紫藍灰 155g、藍 152g、綠 133g、黃 113g、白 100g 基準） |
| 遠近 | 冷暖關係 | 冷色→遠（藍色群山）；暖色→近 |
| 脹縮 | 明度高低 | 高明度→脹（白脹於灰）；低明度→縮。體現光感與體積 |
| 強弱 | 對比關係 | 強烈對比極具傳播力 |
| 明暗 | 明度層次 | 構成立體與層次感 |
四、八大色調品牌氣質速查
- 紅調：熱情歡樂——火熱、生命、活力、危險
- 藍調：冷靜寬廣——未來、高科技、思維
- 黃調：溫暖輕快——光明、希望、輕快、注意
- 綠調：清新平和——生長、生命、安全
- 橙調：興奮成熟——大眾喜愛色
- 紫調：幽雅高貴——悠久、深奧、理智、冷漠
- 黑調：高貴時尚——重量、堅硬、男性、工業
- 白調：純潔高尚——潔淨、寒冷
五、色彩象徵意義對照表
紅：熱情活潑熱鬥吉祥危險 | 橙：光明華麗興奮甜蜜快樂 | 黃：明朗愉快高貴希望發展注意 | 綠：新鮮平靜安逸和平柔和青春安全理想 | 藍：深遠永恆沉靜理智誠實寒冷 | 紫：優雅高貴魅力自傲輕率 | 白：純潔純真樸素神聖明快柔弱虛無 | 灰：謙虛平凡沉默中庸寂寞憂鬱消極 | 黑：崇高嚴肅剛健堅實粗莽沉默黑暗罪惡恐怖絕望死亡
六、色彩心理效應科學證據
紅色環境：脈搏加快、血壓升高、情緒興奮衝動。
藍色環境：脈搏減緩、情緒沉靜。
腦電波實驗：紅色→警覺反應；藍色→放鬆反應。
七、網頁/主頁色彩應用四大原則
- 總體協調，局部對比：整體和諧，小範圍強烈對比。
- 主色調依內容/職業/季節/民族性選擇：嫩綠/翠綠/金黃/灰褐象徵四季；軍警橄欖綠、醫療白色等職業標誌色；冷暖進退心理感受；民族文化差異。
- 三大配色方案：
暖色調（紅橙黃赭）→溫馨和煦熱情
冷色調（青綠紫）→寧靜清涼高雅
對比色調（紅綠/黃紫/橙藍）→亮麗鮮豔喜慶，須守「大調和，小對比」
- 高調/低調背景處理：
高調（淺底色）配深色文字/圖片
低調（深底色）配淺色文字/圖片
明度變化不可太小（吃力）也不可太大（刺眼）
八、網頁色彩技術基礎
- 色彩源於光折射；RGB 三原色（紅綠藍）數值表達：紅(255,0,0)/#FF0000，白/#FFFFFF
- 非彩色（黑白灰）vs 彩色
- 飽和度與透明度屬性變化可產生百萬級色彩
色彩不是裝飾，是策略。精準的色彩決策，能讓品牌在視覺噪音中精準落位用戶心智。