Kontrastprüfer
Kontrast und Barrierefreiheit prüfen
Teste das Kontrastverhältnis zwischen zwei beliebigen Farben gegen WCAG AA und AAA, behebe fehlerhafte Kombinationen automatisch und sieh, wie deine Farben bei Farbsehschwäche aussehen.
Vordergrund & Hintergrund
3.54:1
Kontrastverhältnis
Schnelle Korrekturen
Vorschau-Überschrift
Der schnelle braune Fuchs springt über den faulen Hund. Kleiner Fließtext muss dieselben Kontrastregeln erfüllen, um für alle lesbar zu bleiben.
Großer Text (fett, 16px)
Simulator für Farbenblindheit
FAQ
Fragen zum Kontrastprüfer
Welches Kontrastverhältnis brauche ich?
WCAG AA erfordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18 pt oder 14 pt fett). AAA erhöht das auf 7:1 bzw. 4,5:1.
Was bedeuten die AA- und AAA-Abzeichen?
Sie zeigen die höchste WCAG-Stufe, die deine Kombination aus Text und Hintergrund für normalen und großen Text erfüllt. Der Prüfer aktualisiert sie in Echtzeit, während du Farben anpasst.
Wofür ist der Simulator für Farbenblindheit?
Er zeigt, wie deine Farben für Menschen mit verschiedenen Arten von Farbsehschwäche erscheinen, damit du sicherstellen kannst, dass keine Bedeutung allein von der Farbe abhängt.
Kann das Tool fehlerhaften Kontrast automatisch beheben?
Ja. Die Vorschläge passen die Helligkeit des Textes oder des Hintergrunds an, bis die Kombination das Zielverhältnis erfüllt und dabei so nah wie möglich an deiner ursprünglichen Farbe bleibt.
Jetzt starten
Deine nächste Palette ist nur ein Bild entfernt
Farben aufnehmen, Paletten extrahieren und Code exportieren — kostenlos, privat und sofort.