Prüfen color contrast for WCAG accessibility compliance
Measure der contrast ratio zwischen foreground und background colors und verifizieren it meets WCAG AA oder AAA thresholds.
- 1
WCAG requires minimum contrast ratios: 4.5:1 for normal text (AA), 3:1 for large text, 7:1 for normal text (AAA). Insufficient contrast makes content unreadable for low-vision users. Automated checking ensures compliance.
- 2 Farbkontrast-Prüfer →
Enter foreground and background colors. The tool computes the contrast ratio and reports pass/fail for WCAG AA (normal, large) and AAA (normal, large).
- 3 Farb-Konverter →
If your colors are in different formats, convert them here first — the contrast checker needs consistent input.
Häufige Fragen
- What counts as 'large text' for WCAG?
- Large text is 18pt (24px) regular or 14pt (18.66px) bold. Large text has a lower contrast threshold (3:1 for AA) because larger size compensates for lower contrast.
- Does the contrast ratio account for transparency?
- No — the ratio is computed on opaque colors. If your foreground has alpha, composite it against the background first (fg×alpha + bg×(1-alpha)) before checking contrast. The tool may do this automatically if you provide both colors with alpha.
Workflows, die diese Aufgabe lösen
Verwandte Tools
Farbkontrast-Prüfer
Check WCAG color contrast ratio between foreground and background colors and verify AA/AAA compliance. Kostenlos, privat und 100% clientseitig. WERKZEUG
Farb-Konverter
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Kostenlos, privat und 100% clientseitig. WERKZEUG
Farbwähler aus Bild
Extract dominant colors from image. Kostenlos, privat, 100% clientseitig. WERKZEUG