六种配色方案怎么选：互补、类似、三角、分裂互补、四分、单色

配色方案本质上是「在色轮上按固定角度取色」。角度决定对比强度：夹角越小越和谐但越平淡，越大越有冲击但越容易冲突。六种方案就是六个固定的角度组合。

六种关系的角距

• 互补色：对面 180°。对比最强，适合强调、吸引注意；大面积使用容易刺眼。
• 类似色：左右各 30°。和谐、安全，适合背景与整体氛围；缺少视觉焦点。
• 三角色：相隔 120° 的三个色。平衡且鲜明，适合需要三个并列主色的场景。
• 分裂互补：150° 与 210°。保留互补色的对比，但避开正对面的刺眼感，是最实用的方案之一。
• 四分色：相隔 90° 的四个色。色彩丰富，容易乱，需要明确主次。
• 单色：色相不变，只拉开明度。最适合做同一色系的分层（背景 / 卡片 / 边框 / 文字）。

实际界面里怎么落地

一套界面配色通常需要五个角色：主色（品牌）、辅助色（强调）、背景、卡片、文字。六种方案的用法不是「把生成的颜色全用上」，而是「选一两个当主色与强调，其余靠明度派生」。

最稳的组合是：分裂互补定主色与强调色，单色方案派生背景与层级。前者提供对比，后者保证界面不花。

四分色与三角色更适合营销物料、插画，不太适合复杂的后台界面——颜色一多，用户就分不清哪个是可点的。

单色方案为什么最重要

界面里 80% 的面积是背景、卡片、分割线、次要文字，这些都应该来自同一色相的不同明度。单色方案给出的几档明度正好对应这些层级。

常见错误是给每个层级都换一个色相——背景偏蓝、卡片偏紫、边框偏绿，看起来「有层次」，实际上是噪声。用单色拉开明度，视觉更干净，深色模式也更容易做。

点击即复制

改任意一个颜色，其余五套方案实时重算。点击任意色块即复制该颜色的 HEX 值，也可以把整套调色板一次性复制走。

所有换算在浏览器本地完成，不发出携带颜色数据的请求。需要检查配色能不能看清，用同页的对比度检测——配色好看与可读是两件事。