Kontrast- & Farblabor
Farbpaar prüfen
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern - 1234567890.
Große Schrift gilt ab 24 Pixeln.
Kleiner Hinweistext (12,5 Pixel) ist am schwersten lesbar.
— Kontrastverhältnis
- AA · normale Schrift (ab 4,5:1)
- AA · große Schrift (ab 3:1)
- AAA · normale Schrift (ab 7:1)
- AAA · große Schrift (ab 4,5:1)
- Grafik & Bedienelemente (ab 3:1)
Lesbar machen - Ziel 4,5:1
Farbfehlsichtigkeit
| Sicht | Muster | Kontrast | Normale SchriftAA |
|---|
Die Simulation ist eine Näherung (nach Machado u. a., 2009). Sie zeigt, wie das Paar ungefähr wirkt - nicht, was eine bestimmte Person genau sieht.
Bewährte Textfarben
Geprüft auf dem gewählten Hintergrund - anklicken, um sie als Textfarbe zu übernehmen.
Wie der Kontrast gerechnet wird
- Grundlage ist die relative Leuchtdichte beider Farben nach WCAG 2.x: erst werden Rot, Grün und Blau in Lichtstärke umgerechnet, dann gilt Verhältnis = (heller + 0,05) / (dunkler + 0,05). 21:1 ist das Maximum (Schwarz auf Weiß), 1:1 heißt „unterschiedlos“.
- „Große Schrift“ heißt laut WCAG mindestens 24 Pixel, oder mindestens 18,7 Pixel und fett. Für Grafiken und Bedienelemente genügen 3:1.
- Farbfehlsichtigkeit: Protanopie (Rotempfänger fehlt), Deuteranopie (Grünempfänger fehlt) und Tritanopie (Blauempfänger fehlt) werden über Farbmatrizen angenähert. Interessant ist vor allem: Der Kontrast ändert sich unter einer Simulation - ein Paar, das für Normalsichtige reicht, kann für andere zu wenig sein.
- Die „Lesbar machen“-Vorschläge schieben die Helligkeit einer Farbe so lange, bis das Zielverhältnis erreicht ist - Farbton und Sättigung bleiben dabei erhalten.
- Datenhaltung: Die Farben bleiben in diesem Browser-Fenster, es wird nichts gesendet oder gespeichert.