配色和谐方案

什么是配色和谐方案？

如何使用配色和谐方案

1. 1

   选择基础色：你可以点击左侧色盘直观挑选心仪的基础颜色，也可以直接在色值输入框中填入你已确定的 HEX 色值，系统会自动识别锁定基础色

2. 2

   选择配色规则：在规则选择区勾选你想要生成的配色和谐规则类型，可以只勾选一种，也可以同时勾选多种一次性生成所有需要的方案

3. 3

   预览配色：在页面下方的预览区域，可以查看每一组选中规则生成的配色方案，直观感受不同配色的实际展示效果

4. 4

   导出色值：每组配色下方都标注了对应颜色的HEX色值，点击颜色旁的复制按钮，就能把色值复制出来，粘贴到你的设计软件中使用

什么场景会用到？

计算示例

注意事项

• 不同色卡生成软件的色相偏移计算逻辑有细微差异，本工具基于标准12色相环计算，结果可能和其他工具生成的色值差5-10个色相单位。
• 和谐配色是基于传统色彩理论的参考方案，实际设计中可以根据场景需求调整明度、饱和度，不必严格拘泥于生成结果。
• 本工具仅基于色相位置生成和谐关系，不会自动调整对比度，如果用于文本和背景，需要手动检查对比度满足可读性要求。
• 如果输入饱和度极低的灰色（饱和度<5%），生成的和谐色视觉差异很小，实际使用意义不大，建议选择饱和度至少10%以上的颜色作为主色。

常见问题

参考资料

• 传统色彩理论12色相环和谐配色规则
• 伊顿色彩构成经典和谐配色分类

本页工具基于传统12色相环的经典和谐配色理论生成方案，所有示例结果均经实际运行复算，由工具集设计编辑组维护，仅作为设计参考使用。