| 模式 | 原理 | 适用场景 |
|---|---|---|
| 类比色 | 色轮上相邻 ±30° 的颜色 | 自然舒适，适合背景、插画 |
| 互补色 | 色轮对面 180° 的颜色 | 对比强烈，适合重点强调 |
| 三角色 | 色轮上等距 120° 三色 | 活泼丰富，适合品牌、海报 |
| 分裂互补 | 互补色两侧各 ±30° | 比互补色柔和，保留视觉张力 |
专业设计师常用的比例：主色占 60%（背景/大面积）、辅助色占 30%（内容区域）、强调色占 10%（按钮/高亮/重点）。保持这个比例能让页面视觉层次清晰。
WCAG 2.1 标准要求正文文字与背景的对比度至少 4.5:1，大文字（18px+）至少 3:1。深色背景搭配浅色文字，或浅色背景搭配深色文字，都是安全选择。