ZH
我的工具

三角配色(三等分色)查找器

从HEX颜色出发,求出彼此相隔120度的三个HSL色相,并给出色值、色相角度,以及取整后不同颜色的数量。

调色板HEX色值
基准HEX
#FF0000
调色板颜色数
3
不同的8位颜色数
3
基准色相
0 度

色相角度基于由sRGB得出的数字HSL。饱和度和明度保持不变,随后各通道取整为最接近的8位整数。

这里给出的是色相环上的关系,并不是颜料混合意义上的互补色,也不保证视觉亮度相同或满足无障碍对比度要求。

色度很低以及8位取整,可能使不同的色相位置得到相同的HEX色值。

通道取整前的HSL构成
序号HEX色相偏移(°)色相(°)饱和度(%)明度(%)
1#FF00000010050
2#00FF0012012010050
3#0000FF24024010050
我的工具 →
广告

三角配色把数字色相环分成三段相等的圆弧。只要给出一个HEX颜色,就能在不改变起始HSL饱和度和明度的前提下,得到另外两个色相方向。结果会以固定顺序列出基准色和相关颜色,可直接复制到数字设计中。它描述的是HSL几何关系,而不是颜料或印刷模型。

使用方法

  1. 输入不透明的三位或六位HEX颜色,可带或不带开头的#号。
  2. 此配色关系的角度间隔是固定的。
  3. 把HEX色值列表和色相偏移表放在一起看。
  4. 把得到的颜色放到实际的前景、背景和周围版面中测试。

计算公式

hues = (h, h + 120, h + 240) mod 360

色相在360度处循环回绕。保持原sRGB颜色的饱和度和明度,再把每个新的RGB通道取整到0至255之间最接近的整数。基准HEX保持原样。

示例

从红色#FF0000出发,得到绿色#00FF00和蓝色#0000FF。它们的HSL色相分别是0度、120度和240度,饱和度为100%,明度为50%。

常见问题

为什么灰色的结果全都一样?

无彩色的饱和度为0,没有定义的色相。旋转色相不会产生颜色,所以灰、黑、白会得到重复的条目。

这些颜色一定有良好的对比度吗?

不能保证。HSL明度相同并不意味着视觉亮度相同,色相差也无法决定文字的对比度。请单独检查具体的前景色和背景色组合。

为什么两个不同的角度会得到相同的色值?

HEX每个通道只有256个取值。色度很低或角度变化很小时,取整可能会把几个色相位置合并成一个。“不同颜色数”会把这种情况显示出来,而不是悄悄删掉调色板中的条目。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 三角配色(三等分色)查找器. https://kakao.mobile/zh/tools/triadic-color-finder/

MLA

“三角配色(三等分色)查找器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/triadic-color-finder/.

广告