颜色对比度检查器
输入前景色和背景色,计算 WCAG 2.1 对比度。即时查看普通文本和大文本的 AA/AAA 是否通过,并提供实时预览。
输入前景色和背景色 HEX,计算对比度并与常见的 WCAG AA、AAA 文本阈值进行比较。
如何检查颜色对比度
- 输入或选择前景与背景 HEX 颜色。
- 查看预览和计算出的对比度。
- 检查 AA、AAA 的普通文本和大文本判断。
计算方式
工具把 sRGB 通道转换为相对亮度,再用较亮和较暗亮度计算标准对比度。
AA 使用普通文本4.5:1、大文本3:1;AAA 使用普通文本7:1、大文本4.5:1。
隐私与限制
所有计算都在浏览器本地完成。它只评估两个输入颜色,不会检查真实页面的字号、字重、透明度、渐变、图片或交互状态。
Contrast Checker 常见问题
支持什么颜色格式?
3位或6位HEX。
最大对比度是多少?
黑白约为21:1。
通过AA就代表整个页面无障碍吗?
不是,对比度只是其中一项。
会自动判断文字是否够大吗?
不会,会同时显示两种阈值。
颜色会上传吗?
不会,本地计算。