设计师色彩理论实用指南

色轮

色轮通过色相之间的关系来组织颜色。在传统 RYB 模型中：三原色（红、黄、蓝）无法通过混合得到；二次色（橙、绿、紫）由两种原色混合而成；三次色（红橙、黄绿等）由原色与相邻二次色混合而成。

在数字设计中，RGB 模型更准确：红、绿、蓝是原色，三者全强度混合产生白色。

色彩和谐

和谐配色是基于色轮上几何关系的颜色组合，在视觉上令人愉悦：

• 互补色 — 色轮上直接对立（蓝+橙）。对比最强，需谨慎使用。
• 相邻色 — 色轮上相邻的三种颜色（黄、黄绿、绿）。自然、和谐，对比度低。
• 三角配色 — 等距三种颜色（间隔 120°）。鲜艳均衡，难度较高。
• 分裂互补 — 基色加上其互补色两侧相邻色。比互补色张力小。
• 四角配色 — 两对互补色。色彩丰富，需一个主导色统领。

色相、饱和度与明度

每种颜色都在三个维度上存在：

• 色相 — 纯粹的颜色本身，以角度计量（0–360°）。
• 饱和度 — 鲜艳程度。100% 是纯色相；0% 是灰色。
• 明度 — 明暗程度。0% 是黑色；100% 是白色。

冷色与暖色

暖色（红、橙、黄）在视觉上向前推进，感觉更近、更直接。冷色（蓝、绿、紫）向后退，感觉更平静、更遥远。在 UI 中，暖色适合主要操作，冷色适合背景和辅助内容。

色调、暗色与柔和色

• Tint（色调） — 加白色，产生柔和的粉彩版本。
• Shade（暗色） — 加黑色，产生更深的版本。
• Tone（柔和色） — 加灰色，产生更内敛、更精致的版本。

设计系统利用这一概念构建色阶——将单一色相扩展为 9–11 级（从接近白到接近黑）。

60–30–10 法则

不要把色彩理论套得太死。三角配色很少能以等比例呈现出好效果。应该应用：60% 主导色（品牌色或中性色），30% 辅色，10% 强调色。这种比例能在不造成混乱的情况下建立视觉层级。