Kontrastprüfer
Ob es überhaupt jemand lesen kann.
Ergebnis
Oben einfügen oder tippen, das Ergebnis erscheint hier.
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool läuft vollständig in Ihrem Browser. Was Sie einfügen, wird auf Ihrem Gerät verarbeitet und nie an einen Server gesendet. Es ist daher auch für Tokens, Schlüssel und unveröffentlichte Texte sicher.
So funktioniert es
- Ein Paar je Zeile eintippen: #333 auf #fff. Komma, Schrägstrich oder einfach ein Leerzeichen gehen auch.
- Eine einzelne Farbe wird gegen den oben angegebenen Hintergrund geprüft.
- Zuerst das Verhältnis lesen; alles andere folgt daraus.
- 4,5 ist die Zahl, die Fließtext überbieten muss.
Häufige Fragen
- Was verlangen AA und AAA genau?
- AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text – 24 px oder 18,66 px fett. AAA verlangt 7:1 und 4,5:1. Ränder, Symbole und die Kanten von Eingabefeldern brauchen 3:1.
- Warum fällt mein Grau durch?
- #777 auf Weiß ergibt 4,48:1 und verfehlt AA um zwei Hundertstel. Das ist der klassische Beinahe-Treffer und der Grund, warum überhaupt geprüft wird: Wer die Farbe gewählt hat, findet sie in Ordnung, und für viele Menschen ist sie wirklich schwer zu lesen. #757575 besteht.
- Kommt es auf die Reihenfolge der Farben an?
- Nein. Das Verhältnis ist symmetrisch: Text auf Hintergrund und Hintergrund auf Text ergeben dieselbe Zahl.
- Reicht ein bestandenes Verhältnis, um es barrierefrei zu nennen?
- Nein. Kontrast ist eine Anforderung von vielen und sagt nichts über Fokuszustände, Trefferflächen, Bewegung oder darüber, ob die Farbe allein eine Bedeutung trägt. Er ist eine Untergrenze, kein Urteil.
Verwandte Tools
◒ Farb-Umrechner HEX, RGB, HSL und CMYK – dazu das Kontrastverhältnis, das über Lesbarkeit entscheidet. ◒ CSS-Formatierer Eine Deklaration je Zeile – oder die ganze Datei auf einer. ◉ Bildtools Farbe aus Bild bestimmen Ein Klick für den Farbcode, ein Knopf für die Farbpalette des Bildes. ‹› HTML-Formatierer Eingerückt zum Lesen oder zusammengedrückt zum Ausliefern.