颜色对比度检查器
测量 WCAG 对比度，并查看文字在普通和大号字体下是否达到 AA 和 AAA。
使用方法
Check a pair of colors
Pick a foreground and background color. The tool shows the contrast ratio and pass or fail badges for each WCAG level.
- Choose the text color.
- Choose the background color.
- Aim for at least 4.5:1 for normal text.
WCAG thresholds
Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text (18pt or 14pt bold) needs 3:1 for AA and 4.5:1 for AAA.
常见问题
What counts as large text?
WCAG defines large text as at least 18pt (24px) or 14pt (18.66px) when bold.
Is a higher ratio better?
Yes. A ratio of 21:1 is the maximum, achieved by black text on a white background.