颜色对比度检查
比较文字和背景的颜色对比度。
浏览器本地处理输入两种颜色输出比例
- 1添加输入
- 2调整设置
- 3获取结果
工具输入和文件在当前浏览器处理,不会上传。
开始之前
先在明确的不透明底色上进行透明度合成,再计算 WCAG sRGB 对比度。阈值只适用于这对颜色,不代表整站无障碍合规。
如何使用
- 分别输入文字色和背景色,也可以填入示例试用。
- 核对“透明颜色合成底色”,再选择“检查对比度”。
- 核对比例、合成后的颜色与 AA/AAA 文字阈值;可复制颜色或下载 JSON。
支持范围与限制
粘贴文本最多 1 MiB;处理后请核对结果。
操作示例
示例输入
文字 #000;背景 #fff
示例参数
{}示例输出
{
"ratio": 21,
"foreground": "#000000",
"background": "#ffffff",
"AA_normal": true,
"AA_large": true,
"AAA_normal": true,
"AAA_large": true
}出现问题时
请使用已说明的输入格式,并遵守界面限制。用于其他文档或应用前请复核结果。修改输入会将旧结果标为已过期;运行失败会清除旧结果。
常见问题
我的文件会上传吗?
不会。文件和工具输入在当前浏览器处理;站内切换可在同一标签页暂存工作状态。刷新或关闭标签页后无法恢复,请及时下载需要保留的结果。
需要检查结果的哪些方面?
先在明确的不透明底色上进行透明度合成,再计算 WCAG sRGB 对比度。阈值只适用于这对颜色,不代表整站无障碍合规。