Kontrastprüfer
Zwei Farben hinein, das Verhältnis heraus, und ein Urteil für jede Größe, die die WCAG getrennt bewerten. Fällt ein Paar durch, sucht das Werkzeug die nächstgelegene Farbe, die besteht, ohne Ihren Farbton zu verschieben — die Korrektur bleibt im Markenbild. Der neuere APCA-Wert steht daneben, deutlich als noch nicht maßgeblich gekennzeichnet.
| Wo es eingesetzt wird | Erforderlich | AA | AAA |
|---|
Großer Text, ab 24 px
Fließtext in normaler Größe — der Fall, den die meisten Seiten tatsächlich bestehen müssen.
Was das Verhältnis tatsächlich misst
Jede Farbe wird in eine relative Leuchtdichte umgerechnet: eine gewichtete Summe ihrer Rot-, Grün- und Blaukanäle, nachdem die sRGB-Gammakurve rückgängig gemacht wurde, wobei Grün am stärksten zählt, weil das Auge dafür am empfindlichsten ist. Das Verhältnis ist die hellere Leuchtdichte plus einer kleinen Konstante, geteilt durch die dunklere plus derselben Konstante. Diese Konstante verhindert, dass die Skala gegen reines Schwarz ins Unendliche läuft — und sie ist auch der Grund, warum die Formel mit dunklen Hintergründen nachsichtiger umgeht als die Augen der meisten Menschen.
Warum ein Paar mehrere Urteile bekommt
Die WCAG bewerten ein Farbpaar nicht ein einziges Mal. Für großen Text gilt eine niedrigere Schwelle als für Fließtext, weil die Größe einen Teil der Arbeit übernimmt, die sonst der Kontrast leisten müsste; und Bedienelemente — der Rand einer Checkbox, ein Fokusring — werden noch einmal getrennt bewertet. Eine Palette, die im Fließtext durchfällt, kann für eine Überschrift völlig richtig sein. Deshalb zeigt die Tabelle jeden Fall statt eines einzigen Bestanden oder Durchgefallen.
Den Farbton behalten, wenn Sie korrigieren
Der übliche Reflex bei einem durchgefallenen Paar ist ein dunkleres Grau — und damit verliert eine Marke unbemerkt ihre Farbe. Der Vorschlag hier verschiebt allein die Helligkeit, im kleinsten Schritt, der die Schwelle überschreitet, und lässt Farbton und Sättigung dort, wo Sie sie gesetzt haben. Es ist dieselbe Farbe, nur weit genug gerückt, um lesbar zu sein.
Zum APCA-Wert
APCA ist das Kontrastmodell, das für die nächste Fassung der Richtlinien entwickelt wird. Es berücksichtigt, was das WCAG-2-Verhältnis auslässt — Polarität, Schriftstärke, das Nachlassen des wahrgenommenen Kontrasts auf dunklem Grund — und stimmt meist mit Ihren Augen überein, wo die ältere Formel es nicht tut. Es steht hier, weil es wirklich etwas aussagt, und es ist klar gekennzeichnet, weil nicht danach geprüft wird. Maßgeblich ist heute das Verhältnis, nicht der Lc-Wert.
FAQ
Was gilt als großer Text?
18 Punkt, ungefähr 24 Pixel, oder 14 Punkt fett, ungefähr 18,66 Pixel fett. Darunter ist es normaler Text und braucht das höhere Verhältnis.
Meine Grautöne bestehen auf Weiß, aber nicht auf Dunkel. Warum?
Die WCAG-2-Formel ist nicht auf die Weise symmetrisch, wie es die Wahrnehmung ist. Helle Schrift auf dunklem Grund wirkt für das Auge kontrastärmer, als das Verhältnis nahelegt — genau eine der Lücken, die APCA schließen soll. Besteht das Paar auf Dunkel nur knapp, glauben Sie Ihren Augen und legen Sie etwas nach.
Gilt das Verhältnis auch für Symbole und Ränder?
Ja, mit 3:1, nach der Regel zum Kontrast nicht-textlicher Inhalte. Sie erfasst die Teile eines Bedienelements, die man sehen muss, um es zu benutzen — die Umrandung eines Felds, einen Schalter, einen Fokusindikator — aber keine dekorativen Grafiken und kein Logo.
Werden meine Eingaben irgendwohin übertragen?
Nein. Die Farben verlassen die Seite nie, und nichts wird hochgeladen oder gespeichert.
Entwickelt vom Team hinter GO AI. OKLCH-Konverter · Unsere Erklärung zur Barrierefreiheit · Alle kostenlosen Tools