ZH
我的工具

配色和谐度检查器(色相角度对比)

对比两个HEX颜色是否符合所选的HSL色相关系和角度容差,并给出色相、饱和度和明度的差值。

色相关系
在所选角度容差范围内
最短色相间隔
180 度
目标间隔
180 度
与目标的角度差
0 度
饱和度差
0 个百分点
明度差
0 个百分点

这里只检查所选的HSL色相角度,不是美观度评分,也不是颜料混合预测或无障碍对比度测试。

角度容差由用户自行选择;30度只是本工具使用的类似色基准,并非对相近颜色的通用定义。

输入颜色的数字HSL值
颜色HEX色相(度)饱和度(%)明度(%)
第一个#FF0000010050
第二个#00FFFF18010050
我的工具 →
广告

检查两种数字颜色之间的某种色相关系。输入两个HEX色值,选择一个HSL角度,再设定第二种颜色允许偏离该角度多远。结果比较的是数字色相环上的几何关系,不会判定设计是否美观、均衡或易读。

使用方法

  1. 输入两个不透明的三位或六位HEX颜色。
  2. 选择要检验的色相关系。
  3. 设置0到30度的角度容差。
  4. 把角度结果与单独给出的饱和度、明度差值一起阅读。

计算公式

间隔 = min(|h₁ − h₂|, 360 − |h₁ − h₂|);角度差 = |间隔 − 目标|

色相由sRGB按HSL推导。互补色一对的目标是180度,三角配色的两个成员是120度,正方形四角配色的相邻成员是90度,类似色则以所选的30度作为基准。容差只作用于色相。

示例

红色#FF0000的色相是0度,青色#00FFFF的色相是180度。它们的最短间隔为180度,即使容差为零,也与互补色目标完全吻合。两者的HSL饱和度差和明度差都是0。

常见问题

角度符合就能保证文字清晰可读吗?

不能。文字对比度取决于相对亮度以及前景色和背景色的组合。色相角度是否吻合是另一种计算,不能代替对比度检查。

为什么灰色显示为未定义?

红、绿、蓝通道值相等时,没有色彩方向。灰、黑、白即使在软件中存有占位的色相值,也无法确定有意义的色相角度。

类似色必须相差30度吗?

不必。相近色相是一种设计惯例,并没有唯一固定的容差。本检查器使用明确的30度目标,以便结果可以复现;类似色查找器则允许你自己选择间隔。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 配色和谐度检查器(色相角度对比). https://kakao.mobile/zh/tools/color-harmony-tool/

MLA

“配色和谐度检查器(色相角度对比).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-harmony-tool/.

广告