Color Contrast Checker
Pick two colors and see the WCAG contrast ratio with AA / AAA results in real time.
21.00 : 1
Excellent — AAA
The quick brown fox jumps over the lazy dog.
WCAG 2.1 defines contrast for body copy at 4.5:1 and large headings at 3:1. AAA is stricter at 7:1.
Action button ✓ AA — normal text ≥ 4.5 : 1 Pass
✓ AAA — normal text ≥ 7 : 1 Pass
✓ AA — large text ≥ 3 : 1 (≥ 18pt or 14pt bold) Pass
✓ AAA — large text ≥ 4.5 : 1 Pass
✓ AA — UI & graphics ≥ 3 : 1 (borders, icons) Pass
Mehr lesen Ausblenden
Anleitung
- Vorder-/Hintergrundfarbe.
- WCAG-Ratio.
- Tauschen.
FAQ
- Upload?
- Nein. Alles läuft im Browser; Dateien werden nicht hochgeladen.
- WCAG
- 2.x.
- Große Schrift
- Eigene Grenzen.