使用方法: 颜色对比度检查器(WCAG)

颜色对比度检查器(WCAG) 是一款免费在线颜色工具工具,可在浏览器中即时verify text contrast ratios against WCAG AA/AAA。粘贴数据、调整选项即可实时获得结果——无需安装、无需注册,任何数据都不会上传到服务器。

立即使用 颜色对比度检查器(WCAG) →

说明

Verify text contrast ratios against WCAG AA/AAA.

  • 颜色工具
  • 由于全部计算都在客户端完成,使用 API 密钥、令牌或私有日志等敏感数据处理时,颜色对比度检查器(WCAG) 同样安全。
输入 颜色对比度检查器(WCAG) 输出 100% 在浏览器内运行——数据不会离开您的设备。
颜色对比度检查器(WCAG) — 输入 → 输出

使用方法

使用 颜色对比度检查器(WCAG) 只需三步:

  1. 将数据粘贴到输入框(或载入示例)。
  2. 根据目标格式或使用场景调整选项。
  3. 复制、下载或查看输出——输入时结果实时更新。
使用方法 · 颜色对比度检查器(WCAG) 1 将数据粘贴到输入框(或载入示例)。 2 根据目标格式或使用场景调整选项。 3 复制、下载或查看输出——输入时结果实时更新。
使用方法

运行

示例

Against #ffffff background.

输入

#777777

输出

#777777 on #ffffff

Contrast ratio: 4.48:1

WCAG 2.1:
  AA  normal text (≥4.5):  ✗ FAIL
  AA  large text  (≥3):    ✓ PASS
  AAA normal text (≥7):    ✗ FAIL
  AAA large text  (≥4.5):  ✗ FAIL
  UI components   (≥3):    ✓ PASS

Verdict: Large text only (AA)

此输出由工具真实运行产生,并非人工编写。

使用场景

颜色对比度检查器(WCAG) 常见的使用场景:

  • Verify text contrast ratios against WCAG AA/AAA.

参数说明

此工具没有可配置参数,直接对输入内容生效。

常见问题

什么是 Color Contrast Checker (WCAG)?

Color Contrast Checker (WCAG) 用于verify text contrast ratios against WCAG AA/AAA。它完全在浏览器内运行,数据保持私密。

Color Contrast Checker (WCAG) 可以免费使用吗?

可以。Color Contrast Checker (WCAG) 免费、无次数限制,无需注册或安装。

我的数据会被上传吗?

不会。所有处理都在本地浏览器完成,不会发送到任何服务器。

注意事项

  • 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。

相关工具

颜色对比度检查器(WCAG) → · 颜色工具 →

立即使用 颜色对比度检查器(WCAG) →