Design Tools
Farbkontrast-Prüfer
Prüfen Sie das Farbkontrastverhältnis für WCAG-Barrierefreiheit
Vordergrundfarbe
Hintergrundfarbe
Vorschau-Titel
Dies ist ein Beispiel-Textkörper zur Überprüfung der Lesbarkeit mit der gewählten Farbkombination.
16px
Großer Text (≥18px oder ≥14px fett) erfordert niedrigeren Kontrast.
Kontrastverhältnis
14.18:1
Normaler Text (<18px)
AA (4.5:1)AAA (7:1)
Großer Text (≥18px / ≥14px bold)
AA (3:1)AAA (4.5:1)
UI-Komponenten
AA (3:1)
Über WCAG
WCAG 2.1 Level AA: Minimum 4,5:1 für normalen Text, 3:1 für großen Text.
WCAG 2.1 Level AAA: Erweitert 7:1 für normalen Text, 4,5:1 für großen Text.
Warum Farbkontrast-Prüfer verwenden?
- ✓100% Kostenlos - Keine versteckten Kosten oder Premium-Funktionen
- ✓Keine Anmeldung erforderlich - Sofort nutzbar ohne Kontoerstellung
- ✓Datenschutz zuerst - Alle Verarbeitung erfolgt in Ihrem Browser. Ihre Daten verlassen nie Ihr Gerät
- ✓Blitzschnell - Sofortige Ergebnisse ohne Server-Verzögerungen
Anleitung
- Geben Sie Ihren Text im Eingabebereich oben ein oder fügen Sie ihn ein
- Das Tool verarbeitet Ihre Eingabe automatisch
- Kopieren Sie das Ergebnis oder laden Sie es als Datei herunter
Funktionen
- ✓WCAG 2.1 AA and AAA level checks
- ✓Real-time contrast ratio calculation
- ✓Text preview on background
- ✓Suggested color adjustments
- ✓Large text vs normal text standards
- ✓Color picker integration
Häufig gestellte Fragen
What is a good contrast ratio?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.