什么是WCAG 颜色对比度检查器?

免费在线 WCAG 颜色对比度检查器。输入前景色和背景色,检查是否符合 WCAG 2.1 AA 和 AAA 标准。包含预设颜色对和实时预览。

为什么要使用WCAG 颜色对比度检查器?

  • WCAG 2.1 AA 和 AAA 合规性,适用于正常和大号文字
  • 使用你的颜色组合进行实时文字预览
  • 8 个预设颜色对,适用于常见场景
  • 清晰的通过/失败指示器及所需比率

如何使用WCAG 颜色对比度检查器 — 分步指南

1

输入前景(文字)和背景颜色。

2

查看对比度和 WCAG 合规性结果。

3

使用预设颜色对应对常见场景。

4

调整颜色直到所有检查通过。

WCAG 颜色对比度检查器适合哪些人?

  • 网页无障碍
  • UI 设计
  • WCAG 合规性
  • 颜色选择

WCAG 颜色对比度检查器 — 常见问题

What is WCAG 2.1 AA compliance?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

What is the difference between AA and AAA?

AAA is a higher standard requiring 7:1 for normal text and 4.5:1 for large text. AAA is not required for all content but is recommended where possible.

准备使用WCAG 颜色对比度检查器?

免费在线工具 — 在浏览器中运行,无需注册,打开即用。

立即体验
Free Forever · No Sign-up

179 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.