色彩和諧規則：互補色、三角色、四角色，及各自的使用時機

色彩理論聽起來很學術性。但在實踐中，它是一套小型工具箱，優秀的設計師會不假思索地使用。七種經典和諧涵蓋了95%的調色盤工作——了解每一種及其使用時機，是讓調色盤看起來刻意設計與看起來意外碰巧的區別。

色輪是羅盤

每種和諧規則都在12分割色輪上定義位置。你選擇一個基礎色相，規則就會告訴你在色輪上的哪裡取得其他顏色。這些規則不會指定飽和度或亮度——那些維度由你自己調整。

互補色（相對的色相）

兩種在色輪上直接相對的顏色：紅色和青色、橙色和藍色、紫色和黃色。具有最大對比度。當你需要某樣東西從背景中突出時使用——著陸頁上的行動呼籲按鈕、數據圖表上的高亮。

陷阱：在完全飽和狀態下，互補色對會產生不舒適的振動感。將其中一種調淡（降低飽和度、變淡或變暗），並使用另一種作為強調色。

三角色（三種均勻間隔）

三種色相相隔120°：紅-黃-藍、橙-綠-紫。平衡且充滿活力。廣泛用於插圖、兒童產品和希望顯得生動而不是過度的品牌。

陷阱：三種都以相同飽和度呈現會彼此競爭注意力。選擇一種佔主導地位（設計的60%），一種作為輔助（30%），一種作為強調（10%）。

類似色（色輪上的鄰近色）

三到五種相鄰的色相：黃-黃綠-綠或藍-藍紫-紫。最平靜的和諧——沒有衝突因為沒有顏色相互對抗。自然景色（日落、森林）幾乎總是類似色調。

陷阱：類似色調色盤可能顯得平坦。添加一個互補強調色（中間色相的相對色的少量）來增加對比點。

分割互補色（兩種接近的相對色）

選擇一個基礎色，然後取其補色相鄰的兩種顏色，而不是補色本身。比嚴格互補色更柔和，但仍然有衝擊力。對於認為直接互補色過於激進的設計師來說是一個很好的默認選擇。

四角色（兩對互補色）

四種色相在色輪上形成矩形：例如紅+綠+橙+藍。最豐富的和諧——有很多多樣性——但最難平衡。當一種顏色佔主導地位，其他三種起輔助作用時效果最佳。

陷阱：四角色調色盤容易顯得混亂。決定哪種顏色代表品牌身份，並將其他三種降級為較小角色。

單色調（一種色相，多種明度）

單一色相具有不同的飽和度和亮度。最大的凝聚力，零色相對比。完美適用於你希望內容（照片、排版）而不是UI裝飾來承載視覺興趣的介面。

大多數極簡主義 SaaS 工具採用單色調——品牌是一種藍色，其他一切都是灰度。

流行趨勢（巧妙打破規則）

我們在色彩調色盤生成器中包含的第七種模式：來自 ColourLovers、Coolors 和行業設計師的177個手工策劃社區調色盤。這些調色盤通常有意打破經典規則——它們之所以有效是因為設計師有具體的創意意圖——當純理論產生過於保守的東西時，它們是獲得靈感的極好來源。

選擇哪一個？

• 編輯、平靜、自然 → 類似色。
• 衝擊力、行動呼籲、能量 → 互補色或分割互補色。
• 充滿活力的品牌、插圖 → 三角色。
• 豐富的編輯、大膽的活動 → 四角色。
• 極簡主義 UI、照片豐富 → 單色調。
• 感到困頓 → 瀏覽流行趨勢。

超越規則

所有七種和諧都忽略了兩個關鍵維度：對比度（文字能在這個背景上被讀取嗎？）和語義顏色（在西方 UI 中紅色意味著危險，不管理論如何）。始終通過 WCAG 對比度檢查來檢查你的最終調色盤——色彩調色盤生成器只需一鍵就能顯示每對的 AA/AAA 比率——不要只因為色輪說它看起來不錯就選擇危險顏色。

規則是起點，而不是終點。生成五個調色盤、批評它們、調整。好的調色盤來自迭代，而不是單次運氣。