在线类似色配色方案工具

类似色如何计算

工具将基础色转换为整数四舍五入后的 HSL，以 H−间隔、H、H＋间隔生成三色。两侧颜色沿用取整后的饱和度与亮度，色相超过一圈时回绕。中间色直接保留原始 HEX，不经过往返转换。

可复现示例

基础色 #3B82F6 的内部 HSL 约为 (217, 91%, 60%)。间隔 30° 时，结果依次为 #3CE0F6、#3B82F6、#523CF6；间隔 90° 时为 #3CF652、#3B82F6、#F63CE0。

编辑与复制

基础色及三个结果均提供 HEX、RGB、HSV、HSL 输入面板。编辑结果面板只改变该结果，不改变基础色或另外两个结果。“复制全部”复制三行 HEX；此工具不导出配色文件。

使用限制

类似色只描述色相间隔，不保证文字可读性，也不提供对比度评分或色盲模拟。请在实际背景上另行检查 WCAG 对比度。颜色计算在当前浏览器内完成。

为什么与其他转换器略有差异？

本工具先将 HSL 取整，再将两侧颜色转回整数 RGB，因此可能与保留小数的转换方法存在小幅差异；中间基础色仍精确保留。