上一篇讲了互补色（180°）和邻近色（30°–60°），它们分别对应对比强度谱系的两个端点。做实际项目时更常遇到的情况是：互补色太硬，邻近色又太平。
中间地带有两套方案：三角对立色（三色等距 120°）和分裂互补色（150° 与 210°）。前者给你三个方向的丰富度，后者给你接近互补的张力但更耐看。这一篇讲清两者的算法、适用边界，以及怎么用才不翻车。
三角对立色：三个方向，等距 120°
计算方法
在 HSL 里把色相环三等分：
以 #7C3AED（hsl(262, 83%, 58%)）为主色，三角配色得到 hsl(22, 83%, 58%)（橙红）和 hsl(142, 83%, 58%)（绿）。
最经典的三角配色就是三原色本身（RYB 的红、黄、蓝）和三间色本身（橙、绿、紫）——它们在色轮上天然构成等边三角形。
它和互补色有什么不同
互补色是两军对垒，冲突集中在两个点上。三角配色把冲突分散到三个方向，其中没有任何一对是直接对冲的，所以整体比互补色柔和，色彩丰富度却明显更高。
代价是：三个色相意味着三种主张，控制不好就会显得花。三角配色是四种方案里最容易做砸的一种，问题几乎都出在"三个色平起平坐"。
唯一法则：一主二辅
三角配色能不能用好，基本取决于这一条。三个色相不能等分。推荐分配：
- 主色 60%–70%：保持较高饱和度，承担大面积
- 辅助色 20%–30%：饱和度可以略降
- 第三个色 10% 以内：只做点缀，用在需要被看到的地方
另外一条硬性要求：三个色不要同时保持高饱和。至少把其中一个的 S 降到 50% 以下，画面才有主次。三条同等鲜艳的颜色放在一起，眼睛不知道该看哪里。
可直接取用的配方
方案 A：红 × 黄 × 蓝（教育、儿童、多品类）
蓝色做主色（大面积、降饱和），黄色做辅助，红色只用在需要警示或强强调的位置。
方案 B：橙 × 绿 × 紫（活动页、插画、运营物料）
什么时候用三角配色
💡 无障碍提醒： 三角配色经常同时包含红和绿。红绿色觉障碍是最常见的类型，如果图表只靠色相区分类别，这部分读者无法分辨。做法是给每个类别额外的区分维度——明度差、图案、形状或文字标签，不要只依赖颜色。
分裂互补色：150° 与 210°
计算方法
取主色互补色两侧的邻居，跳过正对面那一个：
仍以 #7C3AED（hsl(262, 83%, 58%)）为例，得到 hsl(52, 83%, 58%)（金黄）和 hsl(112, 83%, 58%)（绿）。它们分列互补色 82° 的两侧，各偏 30°。
为什么它比互补色更好用
分裂互补保留了互补色的张力——两个辅助色都离互补位置不远，对比感仍在；但因为没有一个色和主色正面对冲，同时对比效应弱了很多，画面不会震动。它相当于互补色的安全版本。
同时它比邻近色更有变化：三个色相跨度 120°，层次明显。所以在"互补太硬、邻近太软"的判断里，分裂互补通常是最稳的答案，也是四种方案里容错率最高的一种。
用法
- 主色大面积铺底（60%–70%），承担背景、卡片、主要区块
- 离主色更远的那个做强调（通常 10% 以内），用在按钮和关键数字上
- 另一个做辅助色（20%–30%），用于次要信息、图标、分隔
- 拉开明度：三者明度不要接近，否则层次会消失
可直接取用的配方
方案 A：紫 × 金黄 × 绿（创意工具、内容平台）
紫色做主色，金黄只做强调（按钮、高亮），绿色做辅助信息色。
方案 B：蓝 × 黄橙 × 红橙（运营、促销落地页）
什么时候用分裂互补
四种方案横向对比
判断顺序可以这样：先问画面需要多强的对比，再选对应的档位，而不是先挑一个"好看"的方案去硬套内容。
常见错误
- 三角配色三等分且都高饱和：这是最典型的翻车原因，画面会显得廉价。
- 用三角配色做图表却只靠色相区分：红绿组合对色觉障碍读者不友好，必须补明度差或标签。
- 分裂互补把两个辅助色都当成强调色：强调色只能有一个，否则焦点消失。
- 三个色明度接近：色相有差异但层次出不来，远看是一片糊。
- 浅色背景上直接铺高饱和三角配色：中间缺少中性色过渡，会显得躁。
检查清单
- 定主色：确定 H、S、L 以及它承担的角色。
- 选关系：±30°–60°（邻近）、150°/210°（分裂互补）、120°×3（三角）、180°（互补）。
- 分面积：一主、一辅、一点缀，比例大约 70-20-10。
- 控饱和：三个色不要同时保持高饱和。
- 拉开明度：相邻档位明度差至少 20%。
- 补中性色：给背景和留白留出位置。
- 查对比度：正文与背景按 WCAG AA 级 4.5:1 检查。
- 做色觉检查：关键信息不能只靠色相传递。
“配色方案的选择本质上是在选对比强度。想清楚画面要安静还是要喊叫，方案就定了——剩下的问题只是面积和明度。”
到这里，色轮距离能推导出的四种基础方案就讲完了。下一篇进入另一个维度：色彩的冷暖与心理效应。同样是蓝色，为什么有的冷静、有的亲切？方案选对了，还得让颜色的温度对得上内容。