Farbkontrast nach WCAG
VonOleh Soloninaktualisiert
Ergebnis
Die beiden Farben stehen im Verhältnis 4,54 zu 1.
Kontrastverhältnis
4,54 : 1
Fließtext
AA bestanden, AAA nicht (4,5:1)
Große Schrift
AAA bestanden (4,5:1)
Bedienelemente und Grafiken
bestanden (3:1)
Relative Helligkeit
0,1812 gegen 1
Die Formel mit Ihren Werten
Die relative Helligkeit der Schriftfarbe beträgt 0,1812, die des Hintergrunds 1. Das Verhältnis ist (heller + 0,05) ÷ (dunkler + 0,05) = (1 + 0,05) ÷ (0,1812 + 0,05) = 4,54. Die 0,05 sorgt dafür, dass die Rechnung auch bei Schwarz auf Schwarz nicht durch null teilt, und begrenzt das Ergebnis nach oben auf 21 zu 1 — Weiß auf Schwarz.
Das Ergebnis ist ein Richtwert und ersetzt keine Beratung.
Passt dazu
CSS-Farbverlauf erzeugen
Zwei Hex-Farben, ein Winkel — fertige background-Regel für linearen oder radialen Verlauf, mit Fallback.
Title und Meta-Description prüfen
Zeichenlänge von Title und Meta-Description prüfen — und verstehen, warum Google nach Pixeln kürzt.
Binär und Text umwandeln
Text in Binär, Hexadezimal oder Dezimal und wieder zurück — über die Bytes der UTF-8-Kodierung.