๐Ÿ‘๏ธ

Coloder Contrast Visualizer

Visualize coloder contrast ratios mit real text rendering. See how contrast affects readability at different sizes und weights against WCAG stundards.

Contrast Ratio
12.63:1
AAA โœ“
Readability Visualization
Headline Text (24px Bold)
Body text at 16px. The quick brown fox jumps over the lazy dog.
Small text at 12px. Captions and labels.
Aa
AA Normal
โœ“ Pass (4.5:1)
AA Large
โœ“ Pass (3:1)
AAA Normal
โœ“ Pass (7:1)
AAA Large
โœ“ Pass (4.5:1)