颜色工作台
颜色对比度检查工具
根据WCAG文本对比度阈值检查两种颜色。
颜色对比度检查工具: TOEA应用以下固定公式：比值 = (L1 + 0.05) ÷ (L2 + 0.05)。颜色计算在浏览器本地运行。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 日常工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
结果表 / 02
对比度比值
17.74
- 普通文本AA
- Pass
- 普通文本AAA
- Pass
- 大号文本AA
- Pass
- 大号文本AAA
- Pass
- 摘要
- AAA for normal and large text
计算公式
比值 = (L1 + 0.05) ÷ (L2 + 0.05)假设 / 使用前请阅读
- 结果是确定性的sRGB数学转换；显示效果取决于你的显示器和颜色配置文件。
- HEX输入接受#RGB或#RRGGBB表示法。值会保留在浏览器中，不会上传。
什么算作大号文本
WCAG将大号文本定义为至少18 point，约24 CSS像素；或14 point加粗，约18.7像素。只有达到这些尺寸的文本可以使用较低的3:1阈值；正文、说明文字和表单标签达到AA级需要4.5:1。对比度范围从相同颜色的1:1到白底黑字的21:1。按钮轮廓、表单字段边框、焦点指示器和有意义的图标受另一项规则“非文本对比度”约束，该规则要求它们与相邻颜色达到3:1。
透明颜色和豁免情况
检查工具需要不透明的纯色。对于半透明文本或覆盖层，请在color mixer中使用不透明度作为权重，将其与背景混合，算出实际显示的颜色，然后检查该颜色。
禁用的控件、纯装饰元素和徽标不受对比度规则约束。表单字段中的占位文本不属于豁免范围，这也是浅灰色占位文本最常见的不合规原因之一。
使用方法
- 输入有效的#RGB或#RRGGBB值，以及要求的百分比。
- 运行固定的、在浏览器本地执行的颜色运算。
- 查看色块，并复制结果或调色板值。
隐私与限制
颜色值会保留在此设备上。对比度输出是数学检查结果，并不代表全面的WCAG合规保证；仍需检查具体使用场景、字体渲染、非文本对比度和用户界面状态。
相关工具
常见问题
对比度检查工具如何工作？
它使用比值 = (L1 + 0.05) ÷ (L2 + 0.05)。
接受哪些HEX格式？
请使用三位数的#RGB或六位数的#RRGGBB sRGB表示法。不接受Alpha通道和命名颜色。
对比度结果能保证符合无障碍要求吗？
不能。这是针对所报告颜色和文本阈值的数学对比度检查工具，并不代表全面的合规保证。
免费工具·使用在浏览器中次·无需账户