颜色工作台
互补色生成器
在确定性的HSL色轮上生成色相相反的颜色。
互补色生成器: TOEA应用以下固定公式:互补色相 = 基色色相 + 180°。颜色计算在浏览器本地运行。 完全在浏览器中本地运行,文件不会上传到服务器。
- 类别
- 日常工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
结果表 / 02
互补色HEX
#EBAD25
- 互补色RGB
- rgb(235, 173, 37)
计算公式
互补色相 = 基色色相 + 180°假设 / 使用前请阅读
- 结果是确定性的sRGB数学变换;显示效果取决于你的显示器和颜色配置文件。
- HEX输入接受#RGB或#RRGGBB表示法。数值会保留在浏览器中,不会上传。
不是画家的色轮
这里的相反色相来自屏幕的红–绿–蓝色轮:红色对应青色,绿色对应品红色,蓝色对应黄色。美术课上教授的色轮基于红、黄、蓝颜料,会将红色与绿色、蓝色与橙色配对。因此,像#2563EB这样的蓝色在这里会得到暖琥珀色搭配色,它接近画家会选择的橙色,但并不相同。灰色、白色和黑色没有色相,因此会保持不变。
使用互补色组合
两个高强度互补色并排时,共同边缘看起来会产生振动感并使眼睛疲劳,尤其是在彼此之上放置文本时。可以将其中一个用作主色,另一个少量用作行动号召、强调内容或需要突出的图表线条。调亮或调暗其中一种颜色,使两者在亮度上也有所区别,这有助于色盲读者以及黑白显示中的辨识。
使用方法
- 输入有效的#RGB或#RRGGBB值,以及所需的百分比。
- 运行固定的浏览器本地颜色运算。
- 查看色样,并复制结果或调色板值。
隐私与限制
颜色值会保留在此设备上。对比度输出是数学检查结果,并不代表全面的WCAG合规保证;仍需检查具体使用场景、字体渲染、非文本对比度和用户界面状态。
相关工具
常见问题
互补色如何工作?
它使用公式:互补色相 = 基色色相 + 180°。
接受哪些HEX格式?
请使用三位数的#RGB或六位数的#RRGGBB sRGB表示法。不接受Alpha通道和命名颜色。
对比度结果能保证符合无障碍要求吗?
不能。这是针对报告颜色和文本阈值的数学对比度检查工具,并不代表全面的合规保证。
免费工具·使用在浏览器中次·无需账户