Kontrastprüfung — WCAG Rechner
Prüfen Sie den Kontrast zwischen Text- und Hintergrundfarben für WCAG-Barrierefreiheitsstandards
Kontrastverhältnis
Textvorschau
Überschrift
Normaler Text
Fetter Text
Ähnliche Werkzeuge
Entdecken Sie andere nützliche Farbwerkzeuge
Vollständige Anleitung zur Verwendung des Kontrastprüfungstools
Das Kontrastprüfungstool ermöglicht es Ihnen zu überprüfen, ob Text- und Hintergrundfarbkombinationen den WCAG-Barrierefreiheitsstandards entsprechen. Dies ist wichtig, um die Lesbarkeit von Inhalten für alle Benutzer, einschließlich solcher mit Sehbehinderungen, sicherzustellen.
Schritt 1: Textfarbe eingeben
Geben Sie die Textfarbe in einem beliebigen Format ein: HEX (#000000), RGB (rgb(0,0,0)) oder HSL (hsl(0,0%,0%)). Das Tool erkennt das Format automatisch und konvertiert es.
Schritt 2: Hintergrundfarbe eingeben
Geben Sie die Hintergrundfarbe im gleichen Format ein. Das Tool berechnet automatisch das Kontrastverhältnis zwischen den Farben.
Schritt 3: WCAG-Ergebnisse überprüfen
Das Tool zeigt das Kontrastverhältnis und den Compliance-Status für AA- und AAA-Levels, sowohl für normalen als auch für großen Text.
Wie man das Kontrastprüfungstool verwendet
Wie man Farbkontrast prüft
Geben Sie Textfarbe und Hintergrundfarbe in einem beliebigen Format ein (HEX, RGB, HSL). Das Tool berechnet automatisch das Kontrastverhältnis und zeigt die WCAG-Compliance an.
Wie man WCAG AA-Level erreicht
Normaler Text erfordert ein Mindestkontrastverhältnis von 4.5:1, großer Text (18pt+) erfordert 3:1. Verwenden Sie das Tool, um geeignete Farben zu finden.
Wie man WCAG AAA-Level erreicht
Normaler Text erfordert ein Mindestkontrastverhältnis von 7:1, großer Text erfordert 4.5:1. Dies gewährleistet maximale Barrierefreiheit.
Häufig gestellte Fragen zur Kontrastprüfung
Was ist das Kontrastverhältnis?
Das Kontrastverhältnis ist ein numerischer Wert, der den Unterschied in der Helligkeit zwischen Textfarbe und Hintergrundfarbe zeigt. Es wird nach der WCAG-Formel basierend auf der relativen Leuchtdichte der Farben berechnet.
Welche Farbformate werden unterstützt?
Das Tool unterstützt HEX (#ffffff), RGB (rgb(255,255,255)) und HSL (hsl(0,0%,100%)) Formate. Erkennt und konvertiert automatisch jedes Format.
Was bedeuten AA- und AAA-Levels?
AA und AAA sind WCAG-Compliance-Levels. AA ist das Mindestniveau der Barrierefreiheit, AAA ist ein erweitertes Niveau mit strengeren Kontrastanforderungen.