在线三角色彩方案工具
从基础颜色生成色相间隔为120度的三色配色,支持 HEX、RGB、HSV 和 HSL 输入及独立编辑各结果。等间距不保证文字对比度或视觉平衡。
开始使用
从基础色生成三色配色
本工具在 HSL 色轮上保留基础色,并生成色相偏移 +120°、+240° 的两个颜色。例如输入 #FF0000,依次得到 #FF0000、#00FF00、#0000FF。
计算与输出
基础色保留原始 HEX 值;旋转色使用取整后的 HSL 色相、饱和度和明度计算,因此可能与不取整的理论结果略有差异。三个结果面板可独立编辑,文本结果可整体复制。
编辑与重新生成
使用色板或 HEX、RGB、HSV、HSL 输入修改颜色。编辑某个结果只更新该颜色及其文本,另外两个不会重新计算,三角配色关系可能被破坏。修改基础色后,须再次点击“生成三角色彩”更新结果。“清空”恢复 #3B82F6 并移除结果。
使用限制
没有角度或颜色数量选择,也没有文件下载。色相间距相等不保证知觉亮度相等、配色适用或文字对比度达标;请单独检查实际文字与背景组合。颜色计算在本地浏览器完成,本工具不处理上传照片。
此工具无需安装,所有处理均在当前浏览器本地完成,不会上传输入内容或本地文件。