WebAIM Contrast Checker
文字对比度是否达标的权威检查
访问 WebAIM Contrast Checker 更多 配色与设计输入前景色和背景色，实时给出对比度比值，并标出是否通过 WCAG AA/AAA 各级标准（正常文字、大字、UI 组件分别判断）。
WebAIM Contrast Checker 速览
| 官网 | https://webaim.org/resources/contrastchecker/ |
|---|---|
| 分类 | 配色与设计 |
| 价格 | 免费 |
| 平台 | Web |
| 适合 | 上线前确认无障碍配色合规 |
主要功能
- 实时对比度比值
- WCAG AA / AAA 分级判定
- 支持大文字与 UI 组件标准
- 可反查达标的最接近颜色
如何使用 WebAIM Contrast Checker
- 填入前景色与背景色 HEX
- 查看比值与各项通过情况
- 不达标就微调颜色直到通过
注意事项
- 只判文字对比度，不覆盖整体无障碍审计
- 色弱模拟需去 WebAIM 其他工具
WebAIM Contrast Checker 的替代品
相关工具
标签
常见问题
AA 要求多少？
正常文字 4.5:1，大文字（18pt+）3:1。
深色模式怎么测？
把深色背景填进背景色再测一遍即可。
WebAIM Contrast Checker 免费吗？
WebAIM Contrast Checker 标注为 免费。订阅前请查看厂商自己的价格页面，因为套餐与限额会变动。
WebAIM Contrast Checker 可以用什么代替？
以下是 配色与设计 中做同类事情的其他工具。
WebAIM Contrast Checker 是一款独立的第三方服务。ToolVault 收录它仅供参考，与厂商无任何关联；在依赖它之前，请到官网核实最新价格与条款。