CSS Tools

Color Contrast Checker

Check WCAG 2.1 color contrast compliance for accessibility.

Large Text Preview (24px bold)

Normal text preview (16px). The quick brown fox jumps over the lazy dog.

Small text preview (14px). Lorem ipsum dolor sit amet, consectetur adipiscing elit.

8.72:1
Excellent

WCAG 2.1 Compliance

AA Normal Text✓ Pass

Required: 4.5:1

AA Large Text✓ Pass

Required: 3:1

AAA Normal Text✓ Pass

Required: 7:1

AAA Large Text✓ Pass

Required: 4.5:1

AA UI Components✓ Pass

Required: 3:1

Verwandte Tools

⚖️
CSS-Spezifitäts-Rechner
CSS-Selektor-Spezifität mit visueller Aufschlüsselung berechnen und vergleichen
🎬
CSS-Animations-Generator
Visueller CSS-Keyframe-Animations-Builder mit Live-Vorschau und Code-Export
🌊
Tailwind ↔ CSS Konverter
Zwischen Tailwind-CSS-Klassen und regulärem CSS mit Responsive-/State-Unterstützung konvertieren
🎨
SVG-Optimierer & Viewer
SVG anzeigen, optimieren und in React-Komponenten konvertieren mit Größenvergleich

🔒 Dieses Tool läuft vollständig in Ihrem Browser. Es werden keine Daten an einen Server gesendet.