CSS-Tools

Farbkontrast-Prüfer mit automatischem Vorschlag barrierefreier Farben

WCAG-2.1-AA/AAA-Kontrastverhältnisse prüfen — bei einer nicht bestandenen Kombination schlägt das Tool automatisch eine nahe Farbe vor, die besteht, statt Hex-Werte per Trial-and-Error zu raten.

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

Farbkontrast-Prüfer mit automatischem Vorschlag barrierefreier Farben: WCAG-2.1-AA/AAA-Kontrastverhältnisse prüfen — bei einer nicht bestandenen Kombination schlägt das Tool automatisch eine nahe Farbe vor, die besteht, statt Hex-Werte per Trial-and-Error zu raten. Läuft vollständig in Ihrem Browser — Eingabe einfügen, Ergebnis sofort erhalten, nichts wird hochgeladen.

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.