WCAG对比度
检查颜色对比度是否满足WCAG无障碍标准，提供通过/失败评估。
配色颜色 · ToolBox
工具介绍
网页文字看不清，往往不是字体问题，而是前景色和背景色对比度不达标。这个WCAG对比度检查工具让你输入文字颜色和背景颜色，自动计算对比度比值，并对照WCAG无障碍标准给出AA、AAA等级的通过/失败判定，普通文本和大号文本分别评估。做网站、App或PPT时用它过一遍配色，能及早发现可读性隐患，让内容对视力障碍用户和强光下的普通用户都更友好。免费使用，无需注册，适合设计师、前端和内容运营自查。
使用步骤
- 输入前景色（文字颜色）和背景色的色值，或用取色器选取
- 工具自动计算两者的对比度比值（如4.5:1）
- 查看WCAG AA、AAA等级下普通文本与大文本各自的通过/失败结果
- 若未通过，微调其中一个颜色后重新检测，直至达标
常见问题
对比度多少才算通过WCAG标准？
AA级要求普通文本至少4.5:1、大文本（18pt以上或14pt粗体）至少3:1；更严格的AAA级要求普通文本7:1、大文本4.5:1。一般网站以AA级为基本目标。
AA和AAA等级有什么区别？
AA是WCAG推荐的最低可访问性标准，多数法规和商业项目以此为准；AAA是最高等级，对比度要求更苛刻，适合以老年或视障用户为主的产品，不必全站强制。
检测不通过怎么办？
通常加深文字颜色或提亮背景色即可提高比值。工具支持调整后即时重测，建议优先调整明度而非更换色相，既保住设计风格又能达标。