◑
WCAG 对比度
WCAG 对比度是一款免费的在线工具，可检测对比度：计算颜色对比度并判 WCAG 等级。在无障碍设计等场景下尤其好用，处理结果与步骤都支持一键复制。
WCAG 对比度帮助你快速检测对比度。它计算颜色对比度并判 WCAG 等级，常用于无障碍设计。无论是对比度检测、无障碍、颜色对比等相关需求，都能在浏览器里直接完成。
工具完全在本地运行，你输入的内容不会上传到任何服务器，处理速度快、结果可直接复制使用，适合日常办公与专业开发等多种场景。
WCAG 对比度
大号标题 Aa 24px
正文示例文字，用于观察实际阅读效果 The quick brown fox.
小号辅助文字 12px，最容易受对比度不足影响。
对比度 4.54 : 1
AA 普通文本（≥4.5）✓ 通过
AA 大文本 18pt+（≥3.0）✓ 通过
AAA 普通文本（≥7.0）✗ 不通过
AAA 大文本（≥4.5）✓ 通过
UI 组件与图形（≥3.0）✓ 通过
依据 WCAG 2.1 相对亮度公式计算。大文本指 18pt（24px）以上，或 14pt（18.66px）加粗。
- 在取色/输入框中设定或选择颜色。
- 拖动控件调整参数，实时预览效果。
- 复制生成的颜色值或 CSS 代码。
常见问题（FAQ）
Q：WCAG 对比度达到多少算达标？
A：正文文本建议对比度 ≥ 4.5:1（AA），大号文本 ≥ 3:1；本工具会判定等级，辅助无障碍设计。
Q：什么情况下适合用WCAG 对比度？
A：当你需要检测对比度时（例如无障碍设计），使用本工具可以快速得到结果，无需安装任何软件。
Q：WCAG 对比度和同类工具相比有什么优势？
A：纯前端运行、打开网页即用、数据不上传服务器；同时计算颜色对比度并判 WCAG 等级，兼顾速度与隐私。
Q：使用WCAG 对比度收费吗？
A：完全免费，可无限次使用；所有处理均在本地完成。
Q：WCAG 对比度都能处理哪些内容？
A：本工具支持计算颜色对比度并判 WCAG 等级，覆盖对比度检测、无障碍、颜色对比等常见需求，适用于无障碍设计。
无障碍设计。