Farbkontrast prüfen (WCAG)
Gib beide Farben hexadezimal (#1f2937) oder als rgb(31, 41, 55) ein.
Ergebnis
4,54:1Kontrastverhältnis
- AA, normaler Text (4,5:1)
- ✓
- AA, großer Text (3:1)
- ✓
- AAA, normaler Text (7:1)
- ✕
- AAA, großer Text (4,5:1)
- ✓
- Gelesene Farben
- #767676 / #ffffff
Eingaben
- Textfarbe
- #767676
- Hintergrundfarbe
- #ffffff
So wird gerechnet
Die relative Leuchtdichte jeder Farbe wird aus ihren linearisierten sRGB-Kanälen berechnet.
Ergebnis
Kontrastverhältnis
- AA, normaler Text (4,5:1)
- ✓
- AA, großer Text (3:1)
- ✓
- AAA, normaler Text (7:1)
- ✕
So wird gerechnet
- Die relative Leuchtdichte jeder Farbe wird aus ihren linearisierten sRGB-Kanälen berechnet.
- Verhältnis = (L hell + 0,05) ÷ (L dunkel + 0,05), von 1:1 bis 21:1.
- Das Verhältnis wird ohne Rundung mit den Schwellen von WCAG 2 verglichen.
Beispiel
#767676 auf Weiß ergibt 4,54:1: AA für normalen Text, nicht AAA.
Wichtig
- Großer Text hat mindestens 24 px oder 18,66 px fett.
- Transparenz und Verläufe werden nicht berücksichtigt.
Häufige Fragen
Wofür wird dieses Tool verwendet?
Gib beide Farben hexadezimal (#1f2937) oder als rgb(31, 41, 55) ein.
Wie wird das Ergebnis berechnet?
Die relative Leuchtdichte jeder Farbe wird aus ihren linearisierten sRGB-Kanälen berechnet.
Was sollte ich vor der Verwendung des Ergebnisses prüfen?
Großer Text hat mindestens 24 px oder 18,66 px fett.