色彩學入門 — 色相、飽和度、明度
設計師必備的色彩學基礎。了解色相環、互補色、三等分色、類似色等配色原理,提升你的設計直覺。
色彩三要素
色相(Hue)
色相是色彩的「種類」,在色相環上以角度表示(0°-360°):
飽和度(Saturation)
飽和度決定色彩的「鮮豔程度」:
明度 / 亮度(Lightness / Value)
決定色彩的明暗:
色彩和諧(配色原理)
互補色(Complementary)
色相環上相差 180° 的兩個顏色。對比最強烈,適合強調和行動呼籲按鈕。
例:藍色 + 橘色、紅色 + 綠色
三等分色(Triadic)
色相環上等距 120° 的三個顏色。活潑且平衡,適合多彩的設計。
例:紅 + 藍 + 黃
類似色(Analogous)
色相環上相鄰的顏色。自然柔和,適合品牌設計和插圖。
例:藍綠 + 藍 + 藍紫
分裂互補色(Split Complementary)
互補色兩側各偏 30° 的兩個顏色加上原色。比互補色柔和但仍有對比。
單色系(Monochromatic)
同一色相的不同明暗和飽和度變化。最安全的配色方式,不會出錯。