什么是色彩和谐分析器？

色彩和谐分析器根据色彩理论判断你的配色是否协调。它能检测和谐类型（互补色、类似色、三角色等），给出匹配评分，并提供改进建议。

工具把每个十六进制色转成 HSL,然后计算色相在色轮上的距离,识别互补、类比、三色、分裂互补、四色或单色关系。它还看饱和度和明度的分布,给配色打 0 到 100 分,并根据具体问题给出建议(比如加深提高对比、平衡饱和度等)。

使用方法

1. 通过输入十六进制代码或使用取色器添加两种或更多颜色。
2. 查看和谐分析，了解检测到的关系类型和兼容性评分。
3. 查看改进建议，然后导出你的配色方案。

何时使用

• 敲定品牌色系统前,先验证三种主色的搭配是否合理。
• 在情绪板里挑出两组候选色,选更协调的那一组。
• 为图表选色,确保每个系列的色相足够区分。

结果

一位品牌设计师输入三种品牌色（#2D5F8B、#F4A623、#E8E1D5），发现它们构成分裂互补和谐关系，兼容性评分87%，并收到稍微调暖蓝色的建议。

常见问题

和谐分数到底衡量的是什么?

综合考虑了色相角度是否对得上经典关系(互补 180°、类比 60° 以内等)、饱和度与明度分布是否平衡、整体对比是否足够。70 分以上算稳,50 分以下通常要调一调。

为什么我的三种颜色被判为「自定义」,而不是三色?

严格的三色配在色轮上间距是 120°。如果你的三个色相是 80° 和 200° 之类,角度对不上教科书的图案,工具就标成自定义,但仍会根据饱和度、明度、对比度打分。

是不是一定要追求 100 分?

未必。满分意味着配色是「教科书干净」,做图表和仪表盘时很合适。品牌配色常落在 70 到 85,一点点张力反而让品牌更有记忆点。把分数当参考,不必当目标。

工具能处理多少种颜色?

实际上 2 到 7 种比较合适。两种是识别关系的起点;超过 7 种后,经典和谐关系基本就失去意义了,多数会被标成自定义。需要更多色的数据可视化,建议把重点放在明度和饱和度的平衡上。

可以导出配色给代码或设计工具用吗?

可以。下载按钮会保存十六进制色码,一键就能把所有色码复制到剪贴板。粘到 Figma 的色彩样式、CSS 自定义属性,或者设计系统的 JSON token 文件里都很方便。

相关工具