颜色对比度检查器

输入前景色和背景色,计算 WCAG 2.1 对比度。即时查看普通文本和大文本的 AA/AAA 是否通过,并提供实时预览。

浏览器本地处理 无需注册 实用工具

输入前景色和背景色 HEX,计算对比度并与常见的 WCAG AA、AAA 文本阈值进行比较。

如何检查颜色对比度

  1. 输入或选择前景与背景 HEX 颜色。
  2. 查看预览和计算出的对比度。
  3. 检查 AA、AAA 的普通文本和大文本判断。

计算方式

工具把 sRGB 通道转换为相对亮度,再用较亮和较暗亮度计算标准对比度。

AA 使用普通文本4.5:1、大文本3:1;AAA 使用普通文本7:1、大文本4.5:1。

隐私与限制

所有计算都在浏览器本地完成。它只评估两个输入颜色,不会检查真实页面的字号、字重、透明度、渐变、图片或交互状态。

Contrast Checker 常见问题

支持什么颜色格式?

3位或6位HEX。

最大对比度是多少?

黑白约为21:1。

通过AA就代表整个页面无障碍吗?

不是,对比度只是其中一项。

会自动判断文字是否够大吗?

不会,会同时显示两种阈值。

颜色会上传吗?

不会,本地计算。