色环配色
色环配色
拖动或点击色环选定基准色，实时预览配色规则的色彩关系，并提取为可用方案。
色环预览
生成的配色
配色规则说明
类比色
色环上相邻约 30° 的颜色，过渡自然、最不容易出错，适合统一氛围的界面与插画。
互补色
色环正对面 180° 的颜色，对比强烈张力足，常用于强调按钮或重点信息。
三角 / 四角
等距取 3–4 色，既有对比又保持平衡，是品牌与海报常用方案。
工具介绍与使用说明
📘色环在色相环上选基准色，直观查看互补色、类比色等和谐配色关系。
- 在色环上点选基准色，右侧实时给出互补、类比、三角等和谐配色。
- 拖动色环上的控制点可微调色相，结果会同步更新。
- 满意的组合可复制到「配色生成器」继续扩展成完整方案。
使用提示
💡- 点色环任意位置即可设定基准色，色点会标记出当前配色规则的各个色。
- 复制 HEX 后可直接粘进项目；想继续微调就「在生成器中打开」。
- 互补色最稳妥的强调方案，但别让两个互补色面积相等，主色应占主导。