Neatbo.

颜色对比度检查

比较文字和背景的颜色对比度。

浏览器本地处理输入两种颜色输出比例
  1. 1添加输入
  2. 2调整设置
  3. 3获取结果

工具输入和文件在当前浏览器处理,不会上传。

输入内容

切换工具时在当前标签页临时保留输入。刷新或关闭后清除,较大的结果可能需要重新生成。

⌘ / Ctrl + Enter 运行
0 个字符 · 0 字节
处理选项

先填写标记为必填的选项,其余可保留默认值。

正在准备处理工具…

开始之前

先在明确的不透明底色上进行透明度合成,再计算 WCAG sRGB 对比度。阈值只适用于这对颜色,不代表整站无障碍合规。

如何使用

  1. 分别输入文字色和背景色,也可以填入示例试用。
  2. 核对“透明颜色合成底色”,再选择“检查对比度”。
  3. 核对比例、合成后的颜色与 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 对比度。阈值只适用于这对颜色,不代表整站无障碍合规。

文档与延伸阅读

相关工具