英语
阿尔
हिन्दी
伊朗
法国
土耳其
巴西
德国
日本
韩国
孟加拉国
丹麦
荷兰
抛光
英国
zh
IE
埃尔
AF
CS
英语
菲
英语
阿尔
हिन्दी
伊朗
法国
土耳其
巴西
德国
日本
韩国
孟加拉国
丹麦
荷兰
抛光
英国
zh
IE
埃尔
AF
CS
英语
菲
登记
登录
← All Tools
/ Contrast Checker
WCAG Color Contrast Checker
Check if your foreground/background color combination meets WCAG AA and AAA accessibility standards.
Foreground Color
Background Color
Large Text Sample (18pt / 14pt bold)
Normal text sample (16px regular weight)
Contrast Ratio
WCAG AA
WCAG AAA
Color Contrast Checker — Frequently Asked Questions
What is a color contrast ratio?
It measures the difference in brightness between text and background. WCAG requires at least 4.5:1 for normal text and 3:1 for large text.
Why does contrast matter for accessibility?
Sufficient contrast makes content readable for users with low vision or color blindness and improves overall usability.
What WCAG levels does this tool check?
It checks both AA and AAA compliance for normal and large text against the official WCAG 2.1 thresholds.