設計旨在創造前所未有的協調美觀形態，受社會制約、重視地方特徵。有效用色必須掌握色彩基礎理論，結合實際經驗營造作品。同一色彩應用無窮，無機械法則，在原則下靠眼睛與審美選擇。

色彩構成三類要素

• 光學要素：明度、色相、純度
• 存在條件：面積、形狀、肌理、位置
• 心理因素：冷暖、進退、輕重、軟硬、樸素/華麗

設計時運用邏輯思維選擇合適搭配，產生恰當構成。最優配色范本在自然界——觀察自然，理性提煉所需。

色彩理論體系：孟塞爾色立體

標準色彩定義：H 色相、S 純度（飽和度）、B 明度（亮度）。三要素建立體坐標 = 色立體。通用三大立體：孟塞爾、奧斯特瓦德、日本色研所。孟塞爾應用最廣，圖像編輯軟件色彩處理多源自其標準。

孟塞爾表色系核心

色相環：光譜紅→紫等間選 5 基本色（R/Y/B/P/G），相鄰混合得 5 中間色（YR/GY/BG/PB/RP），構成首尾相接環。
明度尺：黑→白 9 個均勻過渡灰度階段。
純度：同明度下，灰→純色變化。

色彩調和：共性調和與面積調和

調和定義：使對比色成為無尖銳刺激的協調統一組合，總體效果適應視覺心理、滿足心理平衡，不僅色與色組合，還涉及面積/形狀等賦予對象屬性。調和受時間/區域/欣賞習慣影響。

1. 共性調和三形式

① 明度對比調和

去除明度尺兩端白(10)/黑(0)，餘 9 階分三基調：

• 低明度基調：(1)(2)(3)
• 中明度基調：(4)(5)(6)
• 高明度基調：(7)(8)(9)

2-3 色明度配色：第一字指主調，佔構圖 1/2+（Web 中為視覺感覺面積）。

調式	明度組合	感覺
高長調	(8)(9)(1)	明快
高短調	(8)(9)(5)	輕柔
中長調	(5)(9)(1)	強壯
中短調	(5)(7)(3)	沉悶
低長調	(2)(9)(1)	威嚴
低短調	(2)(5)(1)	憂郁
中高短調	(5)(9)(7)	希望
中低短調	(5)(3)(1)	低沉

多色連續對比（不強調面積比，易造節奏）：

• 高 1/2 明度列 (5) 以上：晨曦、朦朧
• 低 1/2 明度列 (5) 以下：苦悶
• 高 3/4 明度列 (3)-(10)：激昂、奮進
• 低 3/4 明度列 (0)-(7)：雄渾、有力
• 全明度列 (0)-(10)：豐富、跳躍

實戰驗證：某頁面主基調 #9CCE00 (H:75 S:100 B:81→明度 8)，明度集中 81-98 間 → (8)(9)(1) 高長調 → 明快和諧，符合理論預測。

Web 界面常融合多種調和，單純明度對比易沉悶，需輔助色打破。

② 色相對比調和（基於孟塞爾色相環）

兩色相對比取色法與感覺：

• h : h → 和諧統一
• h : (h±1°~30°) → 類似、活潑
• h : (h±30°~60°) → 準對比、生動
• h : (h±120°~150°) → 對比、強烈
• h : (h±180°) → 補色、刺激

多色相對比（等差/等比取色）：120°內現代感強，180°內強烈，360°內刺激。實際應用注意明度變化與主次位置。

③ 純度對比調和

Web 界面實用唯一條：黑白灰（無彩系）能與任何彩色搭配。純色+無彩系→鮮艷感增強；灰+純色→灰帶色傾向；灰面積大→易調和。高明度灰(白)=輕快高雅，低明度灰(黑)=穩重。降低純度求調和在當前審美下需勇氣，或待進一步探索。

2. 面積調和原則與公式

原則：對比色雙方面積越大→調和效果越弱；越小→越強。雙方面積均等→弱；相差越大→越強。唯恰當面積比取得最佳視覺平衡。

前人總結公式助電腦設計把握比例。最早歌德按基本色相光亮度建立比率：黃:橙:紅:紫 = 9:8:6:3（續有更多公式）。