在线正方形配色方案工具

正方形配色如何计算

四个色相依次为H、H+90°、H+180°、H+270°，超过360°时回绕。基础色保留原始RGB值；其余颜色先将基础色的H、S、L舍入为整数，再旋转色相并转换为RGB。没有角度或颜色数量选项。

可复现的例子

输入#FF0000并生成，结果依次为#FF0000、#80FF00、#00FFFF、#7F00FF。默认基础色#3B82F6生成#3B82F6、#F63CE0、#F6AF3C、#3CF652。

编辑与更新

HEX、RGB、HSV、HSL字段联动。更改基础色后需再次点击生成按钮更新结果；每个结果色可以独立编辑，编辑后不再保证正方形关系。复制全部获取当前结果文本；清空恢复#3B82F6并移除结果。

舍入与限制

整数HSL与保留小数的算法可能得到不同结果，不能保证每个通道最多相差1。例如#FC0000生成#FC0000、#7DFA00、#00FAFA、#7D00FA，部分通道与保留小数的计算相差2。HSL等距不保证相同视觉亮度或足够的文字对比度，应另行检查实际前景和背景颜色。本工具在当前浏览器内计算，不提供对比度评分或文件导出。