Kontrast-Checker
Wähle Vordergrund- und Hintergrundfarbe und erhalte das exakte Kontrastverhältnis, WCAG-Badges und eine Live-Vorschau für normalen und großen Text.
Kostenlos Läuft lokal Ohne Anmeldung
18.88: 1Kontrastverhältnis
AA Normaler Text: Bestanden AA Großer Text: Bestanden AAA Normaler Text: Bestanden AAA Großer Text: Bestanden
Vorschau
Vorschau
Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich.
Vorlagen
WCAG AA verlangt 4,5:1 für normalen und 3:1 für großen Text.
So funktioniert es
1
Farben festlegen
Wähle Text- und Hintergrundfarbe oder füge HEX-Werte ein.
2
Verhältnis ablesen
Das Tool zeigt das Verhältnis und welche WCAG-Stufen bestehen.
3
Anpassen bis es passt
Feile an den Farben und sieh zu, wie die Badges live aktualisieren.
Warum dieses Werkzeug
WCAG AA und AAA
Grenzwerte für normalen und großen Text werden getrennt geprüft.
Live-Vorschau
Sieh, wie das Paar mit Fließtext und einer großen Überschrift wirkt.
Exakte Verhältnisse
Nutzt die WCAG-Formel zur relativen Luminanz.
Häufige Fragen
Welches Verhältnis brauche ich?
WCAG AA verlangt 4,5:1 für normalen und 3:1 für großen Text. AAA hebt das auf 7:1 und 4,5:1 an.
Was gilt als großer Text?
Ab 18pt (24px) regulär oder 14pt (18,66px) fett und größer.
Prüft es auch Nicht-Text-Kontrast?
Nein. Dieses Tool prüft Textkontrast; UI-Komponenten haben eine eigene 3:1-Anforderung.
Warum weicht mein Wert von anderen Tools ab?
Kleine Abweichungen kommen vom Runden. Dieses Tool nutzt die WCAG-Formel mit sRGB-Kanälen.
Wird etwas hochgeladen?
Nein. Die Farbmathematik läuft lokal in deinem Browser.
Ähnliche Werkzeuge
Farbe & Design CSS-Gradient-Generator Erstelle lineare, radiale und konische CSS-Gradients mit anpassbaren Farbstopps und kopiere den CSS- oder Tailwind-Wert. Kostenlos und lokal. Farbe & Design Farbumrechner Wandle Farben zwischen HEX, RGB, HSL und HSV um, picke im Farbrad und kopiere fertige Werte für CSS und Design-Tools. Bildwerkzeuge Bilder komprimieren Komprimiere JPG-, PNG- und WebP-Bilder im Browser. Qualität steuern, Breite anpassen, Dateigrößen vergleichen und ohne Upload herunterladen. Bildwerkzeuge Favicon-Generator Erzeuge aus einem Bild ein komplettes Favicon-Set: Quadrat zuschneiden, PNGs von 16–512 px rendern, dazu Apple-Touch-Icon, Manifest und HTML-Snippet. Entwicklerwerkzeuge Base64 Encoder & Decoder Text in Base64 kodieren oder Base64 zurück in Text dekodieren – mit vollem UTF-8- und URL-safe-Support. Läuft lokal im Browser, ohne Upload. Textwerkzeuge Text in Groß- und Kleinschreibung umwandeln Wandle Text blitzschnell zwischen GROSSBUCHSTABEN, Kleinbuchstaben, Title Case, Satzschreibweise, camelCase, PascalCase, snake_case und kebab-case um.
Zuletzt aktualisiert: