Farbkontrast-Prüfer

So geht's

1. 1
   Felder ausfüllen

   Geben Sie Ihre Zahlen ein oder wählen Sie die Optionen.

2. 2
   Ergebnis ansehen

   Die Antwort aktualisiert sich sofort, wenn Sie einen Wert ändern.

3. 3
   Nutzen

   Kopieren Sie das Ergebnis oder notieren Sie es. Nichts wird irgendwohin gesendet.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Rechenbeispiel

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Tipps für beste Ergebnisse

Prüfen Sie jedes Feld, bevor Sie sich auf ein Ergebnis verlassen, denn eine falsche Ziffer ändert die ganze Antwort. Verwenden Sie die genauen Zahlen aus Gehaltsabrechnung, Rechnung, Zeugnis oder Vertrag und notieren Sie das Datum der Berechnung. Sätze, Schwellen und Regeln ändern sich von Zeit zu Zeit; behandeln Sie das Ergebnis bei Steuern, Gebühren und rechtlichen Fragen als Schätzung und bestätigen Sie es mit der auf dieser Seite genannten offiziellen Quelle. Sie können beliebig viele Szenarien durchrechnen; nichts wird gespeichert oder gesendet, und Neuladen der Seite leert die Felder.