Swift Morph Loading...
Swift Morph Loading...
اختبر وضوح ألوان النصوص والخلفيات وفق معايير WCAG، واعرف إذا كانت مناسبة للقراءة، مع اقتراحات تساعدك على تحسين التباين فورًا.
Foreground
Background
Design for everyone.
Good contrast makes text easier to read in different environments. Check your colors before using them in your website or application.
The quick brown fox jumps over the lazy dog.
Contrast compliance for your selected text and background colors.
WCAG AA — Normal text
Minimum contrast ratio: 4.5:1
WCAG AA — Large text
Minimum contrast ratio: 3:1
WCAG AAA — Normal text
Minimum contrast ratio: 7:1
WCAG AAA — Large text
Minimum contrast ratio: 4.5:1
AA — Normal text
4.5:1
Minimum contrast ratio for normal-sized text.
AA — Large text
3:1
Minimum contrast ratio for large or bold text.
AAA — Normal text
7:1
Enhanced contrast requirement for normal-sized text.
AAA — Large text
4.5:1
Enhanced contrast requirement for large text.
This calculation uses the WCAG contrast ratio formula for two opaque colors. It does not analyze images, transparency, or composite colors created by multiple overlapping layers. Passing these contrast checks alone does not guarantee full compliance with every accessibility requirement.