图片设计工具
颜色对比度检查
根据文字色和背景色计算对比度，检查 WCAG AA、AAA 可读性结果并生成 CSS。 工具在浏览器本地运行，输入内容不会上传服务器。
适用场景
- 检查文字和背景色的 WCAG 对比度。
- 验证 UI 配色是否满足无障碍标准。
- 调整颜色达到 AA / AAA 级别。
使用步骤
- 输入前景色和背景色。
- 查看对比度比值。
- 检查是否通过 AA / AAA 标准。
- 调整颜色直到通过。
常见问题
WCAG AA 和 AAA 标准分别要求多少对比度？
常规文本 AA 要求至少 4.5:1，AAA 要求至少 7:1；大文本可放宽到 3:1 和 4.5:1。
对比度 4.5:1 是什么概念？
表示前景色与背景色的亮度比值，4.5:1 可保证包括轻度视力障碍在内的大多数用户清晰阅读正文。
大文字的对比度要求一样吗？
不一样，大文本（约 18pt 或 14pt 加粗以上）AA 只需达到 3:1，AAA 只需 4.5:1。