输入
前景 #000000 / 背景 #ffffff
输出
对比度 21:1 - AA/AAA 均通过
design / 可用工具
颜色对比度检测工具
基于 WCAG 2.0 标准计算前景色和背景色的对比度，检查 AA/AAA 合规性。
ColorWCAG无障碍
在线工具
颜色对比度检测
大标题 Large Text 正文文本 Normal Text 小字 Small Text
WCAG 对比度
对比度：-
AA 正文-
AA 大字-
AAA 正文-
AAA 大字-
使用场景
- 无障碍配色检查
- 设计稿可读性验证
- WCAG 合规性测试
如何使用
- 1. 设置前景色和背景色
- 2. 查看对比度和合规结果
- 3. 调整配色至通过标准
示例输入输出
FAQ
AA 和 AAA 有什么区别？
AA 要求对比度至少 4.5:1（正文）或 3:1（大字）；AAA 更严格，要求 7:1（正文）或 4.5:1（大字）。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。