🌓
免费 WCAG Color Contrast Checker
Check whether two colors meet WCAG AA and AAA contrast standards for accessibility. Live preview at multiple text sizes with automatic suggestions when contrast is too low.
Runs in your browserNo sign-up, no pop-ups无需登录永久免费
Large heading text
Medium body text (18px) for reading and content.
Normal body text (16px) for paragraphs.
Small body text (14px) for captions and metadata.
14.63:1
Contrast ratio
✓WCAG AA — Normal text
Requires 4.5:1 · You have 14.63:1
✓WCAG AA — Large text
Requires 3.0:1 · You have 14.63:1
✓WCAG AAA — Normal text
Requires 7.0:1 · You have 14.63:1
✓WCAG AAA — Large text
Requires 4.5:1 · You have 14.63:1
✓UI components / graphical objects
Requires 3.0:1 · You have 14.63:1
Quick presets
Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.
Optimize for your platform
工作原理
1
输入
输入你的文本或数据。
2
处理
在你的浏览器中即时处理。无服务器，无等待。
3
下载
保存你的结果。不存储任何内容。
为什么选择我们的？
✓Completely free — no hidden costs, ever
✓No account, email, or login required
✓Runs entirely in your browser — no uploads
✓Works on any device — phone, tablet, desktop
✓Open and ad-supported, with no tracking
✓Loads fast, with no installation needed
相关工具
这个工具对你有帮助吗？