颜色对比度检测
检测 WCAG 对比度等级
🔒 100% client-side — your data never leaves this pageColors
Aa
Contrast Result
Contrast
17.40:1WCAG AA (normal)PASS
WCAG AA (large)PASS
WCAG AAA (normal)PASS
🔒 100% client-side
About this tool
用于检测前景色与背景色的可读性对比度，实时计算 WCAG 比例并显示 AA/AAA 通过结果。适合设计稿校验、组件主题优化和无障碍改造场景，帮助团队快速发现低对比度风险。
Frequently Asked Questions
What ratio is required for WCAG AA?
AA requires at least 4.5:1 for normal text and 3:1 for large text.
What ratio is required for WCAG AAA?
AAA requires at least 7:1 for normal text and 4.5:1 for large text.
Can I use shorthand hex values?
Yes. Both 3-digit and 6-digit hex color formats are supported.