颜色工作台

互补色生成器

在确定性的HSL色轮上生成色相相反的颜色。

互补色生成器: TOEA应用以下固定公式:互补色相 = 基色色相 + 180°。颜色计算在浏览器本地运行。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
TOEA / 颜色引擎 01仅在浏览器中运行
输入表 / 01

颜色值

值会保留在此设备上。更改输入值后请重新计算。

结果表 / 02

互补色HEX

#EBAD25

互补色RGB
rgb(235, 173, 37)
计算公式互补色相 = 基色色相 + 180°
假设 / 使用前请阅读
  1. 结果是确定性的sRGB数学变换;显示效果取决于你的显示器和颜色配置文件。
  2. HEX输入接受#RGB或#RRGGBB表示法。数值会保留在浏览器中,不会上传。

不是画家的色轮

这里的相反色相来自屏幕的红–绿–蓝色轮:红色对应青色,绿色对应品红色,蓝色对应黄色。美术课上教授的色轮基于红、黄、蓝颜料,会将红色与绿色、蓝色与橙色配对。因此,像#2563EB这样的蓝色在这里会得到暖琥珀色搭配色,它接近画家会选择的橙色,但并不相同。灰色、白色和黑色没有色相,因此会保持不变。

使用互补色组合

两个高强度互补色并排时,共同边缘看起来会产生振动感并使眼睛疲劳,尤其是在彼此之上放置文本时。可以将其中一个用作主色,另一个少量用作行动号召、强调内容或需要突出的图表线条。调亮或调暗其中一种颜色,使两者在亮度上也有所区别,这有助于色盲读者以及黑白显示中的辨识。

使用方法

  1. 输入有效的#RGB或#RRGGBB值,以及所需的百分比。
  2. 运行固定的浏览器本地颜色运算。
  3. 查看色样,并复制结果或调色板值。

隐私与限制

颜色值会保留在此设备上。对比度输出是数学检查结果,并不代表全面的WCAG合规保证;仍需检查具体使用场景、字体渲染、非文本对比度和用户界面状态。

相关工具

常见问题

互补色如何工作?

它使用公式:互补色相 = 基色色相 + 180°。

接受哪些HEX格式?

请使用三位数的#RGB或六位数的#RRGGBB sRGB表示法。不接受Alpha通道和命名颜色。

对比度结果能保证符合无障碍要求吗?

不能。这是针对报告颜色和文本阈值的数学对比度检查工具,并不代表全面的合规保证。

免费工具·使用在浏览器中次·无需账户