配色和谐度检查器(色相角度对比)
对比两个HEX颜色是否符合所选的HSL色相关系和角度容差,并给出色相、饱和度和明度的差值。
这里只检查所选的HSL色相角度,不是美观度评分,也不是颜料混合预测或无障碍对比度测试。
角度容差由用户自行选择;30度只是本工具使用的类似色基准,并非对相近颜色的通用定义。
| 颜色 | HEX | 色相(度) | 饱和度(%) | 明度(%) |
|---|---|---|---|---|
| 第一个 | #FF0000 | 0 | 100 | 50 |
| 第二个 | #00FFFF | 180 | 100 | 50 |
检查两种数字颜色之间的某种色相关系。输入两个HEX色值,选择一个HSL角度,再设定第二种颜色允许偏离该角度多远。结果比较的是数字色相环上的几何关系,不会判定设计是否美观、均衡或易读。
使用方法
- 输入两个不透明的三位或六位HEX颜色。
- 选择要检验的色相关系。
- 设置0到30度的角度容差。
- 把角度结果与单独给出的饱和度、明度差值一起阅读。
计算公式
间隔 = min(|h₁ − h₂|, 360 − |h₁ − h₂|);角度差 = |间隔 − 目标|
色相由sRGB按HSL推导。互补色一对的目标是180度,三角配色的两个成员是120度,正方形四角配色的相邻成员是90度,类似色则以所选的30度作为基准。容差只作用于色相。
示例
红色#FF0000的色相是0度,青色#00FFFF的色相是180度。它们的最短间隔为180度,即使容差为零,也与互补色目标完全吻合。两者的HSL饱和度差和明度差都是0。
常见问题
角度符合就能保证文字清晰可读吗?
不能。文字对比度取决于相对亮度以及前景色和背景色的组合。色相角度是否吻合是另一种计算,不能代替对比度检查。
为什么灰色显示为未定义?
红、绿、蓝通道值相等时,没有色彩方向。灰、黑、白即使在软件中存有占位的色相值,也无法确定有意义的色相角度。
类似色必须相差30度吗?
不必。相近色相是一种设计惯例,并没有唯一固定的容差。本检查器使用明确的30度目标,以便结果可以复现;类似色查找器则允许你自己选择间隔。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/color-harmony-tool/
引用此工具
kakaoCalc. (2026, November 8). 配色和谐度检查器(色相角度对比). https://kakao.mobile/zh/tools/color-harmony-tool/
“配色和谐度检查器(色相角度对比).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-harmony-tool/.