Drücke Ctrl+D, um diese Seite als Lesezeichen zu speichern
Kostenloser Farbkontrast-Prüfer, der Kontrastverhältnisse nach WCAG 2. 1 (AA, AAA) prüft. Alles im Browser.
Wie benutzt man Kontrast-Prüfer?
Vordergrund- und Hintergrundfarbe eingeben.
Kontrastverhältnis und WCAG-Stufe prüfen.
Farben anpassen um Standards zu erfüllen.
Häufig gestellte Fragen zu Kontrast-Prüfer
Was ist der Unterschied zwischen WCAG AA und AAA?
AA erfordert 4.5:1 für normalen Text und 3:1 für großen. AAA ist strenger: 7:1 und 4.5:1.
Was tun wenn das Verhältnis nicht besteht?
Passen Sie Farben heller oder dunkler an. Das Tool zeigt Ergebnisse in Echtzeit.
Für großen Text gilt ein niedrigerer Schwellenwert – ab wann gilt Text als groß?
Die WCAG zählen Text ab 18 pt (rund 24 px) in normaler Stärke oder ab 14 pt (rund 18,7 px) in Fettschrift als groß. Ist das erfüllt, sinkt die AA-Anforderung von 4,5:1 auf 3:1. Das sind allerdings Untergrenzen und keine Ziele: Fließtext muss auch auf einem heruntergedimmten Laptop oder bei Tageslicht lesbar bleiben, näher an 7:1 zu bleiben ist daher die sicherere Gewohnheit.
Wie prüfe ich den Kontrast von Text auf einem Foto oder halbtransparenten Panel?
Die Kontrastrechnung setzt zwei einheitliche Farben voraus; auf einem Foto müssen Sie deshalb den hellsten und den dunkelsten Punkt unter dem Text abgreifen und die Prüfung zweimal ausführen. Fällt einer der beiden durch, verschwindet der Text irgendwo im Bild. In der Praxis ist ein deckender Farbstreifen hinter dem Text verlässlicher als ein halbtransparenter schwarzer Überzug oder ein Textschatten, die beide vom Untergrund abhängen.
Wie nutzt man Kontrast-Prüfer optimal?
Fließtext braucht 4,5:1; ab 18pt oder fett 14pt genügen 3:1 für Stufe AA.
In Deutschland verweist die BITV 2.0 auf genau diese Kontrastwerte aus den WCAG.
Auch nicht-textliche Elemente wie Icons und Feldrahmen benötigen 3:1 zum Hintergrund.