Drei Zahlen, die keine Lichtmesser sind
Die sechs Ziffern in einer Hexadezimalfarbe sind drei codierte sRGB-Kanalwerte. #808080 bedeutet, dass alle drei codierten Kanäle in der Nähe ihres Mittelpunkts liegen. Dies bedeutet nicht, dass das Display die Hälfte der weißen Leuchtdichte ausstrahlt, da sRGB eine Übertragungskurve verwendet, die auf das Speicher- und Anzeigeverhalten ausgelegt ist, und nicht auf lineare Arithmetik.
Das ist der erste Grund, warum durchschnittliches RGB scheitert. Die zweite ist die Gewichtung: Die visuelle Empfindlichkeit des Menschen ist für Rot, Grün und Blau nicht gleich. Die relative Luminanz der WCAG beträgt 0,2126 für lineares Rot, 0,7152 für lineares Grün und 0,0722 für lineares Blau. Eine blau-lastige Farbe und eine grün-lastige Farbe mit demselben Kanaldurchschnitt können daher unterschiedliche Texte erfordern.
Vor dem Weiterlesen
Zwei Farben haben den gleichen Durchschnitt ihrer codierten Rot-, Grün- und Blauwerte. Müssen sie die gleiche relative WCAG-Leuchtdichte haben?
Nein. Jeder sRGB-Kanal wird zuerst linearisiert und die resultierenden Rot-, Grün- und Blauwerte erhalten unterschiedliche Gewichtungen. Der Durchschnitt verwirft beide Tatsachen und kann daher die relative Leuchtdichte nicht ersetzen.
Kontrast gehört zu einem Paar
Sobald die relative Leuchtdichte L einer Farbe bekannt ist, sind ihre Verhältnisse zu den beiden Extremen:
black contrast = (L + 0.05) / 0.05
white contrast = 1.05 / (L + 0.05)
Einer steigt mit L und der andere fällt. Ihre Kreuzung erfolgt, wenn beide die Quadratwurzel von 21 sind, etwa 4,58. Das erklärt, warum ein undurchsichtiges sRGB-Farbfeld immer eine Schwarz-Weiß-Auswahl über 4,5 hat – es erklärt jedoch nicht, ob eine durchscheinende Überlagerung, ein deaktivierter Zustand oder ein Foto hinter dem Text dieses Paar beibehält.
Der Farbpalettendatei-Ersteller führt diesen Vergleich für jedes benannte Farbfeld durch und exportiert den Gewinner neben dem Farbtoken. Alpha-tragendes Hex wird abgelehnt, da der Kontrast dann von einem nicht eingegebenen Hintergrund abhängen würde.
Eine Palette ist kein Komponentenaudit
Das Verhältnis ist ein notwendiger Beweis, keine vollständige Schnittstelle. Normaler und großer Text haben unterschiedliche WCAG-Ziele. Für Fokusindikatoren, Symbole, Rahmen und Zustandsänderungen gelten andere Anforderungen. Die Schriftwiedergabe kann auch dazu führen, dass sehr dünner Text schwerer lesbar ist, selbst wenn die mathematischen Farben einen Schwellenwert erreichen.
Verwenden Sie ein gemessenes Token, um vermeidbare Farbfehler zu vermeiden, und testen Sie dann die reale Komponente in jedem Zustand. Das Konvertieren eines PNG in JPEG oder WebP kann den Speicher und gelegentlich auch die Pixelwerte ändern; Es erstellt keine semantische Vordergrund-Hintergrund-Beziehung und zertifiziert auch keinen in ein Bild eingebetteten Text.
Fragen
Ist ein höherer RGB-Durchschnitt immer eine hellere Farbe?
Nicht in der Kontrastmessung. Kodierte Kanäle müssen linearisiert werden und Grün hat viel mehr Gewicht als Blau, sodass gleiche Durchschnittswerte zu unterschiedlichen relativen Luminanzen führen können.
Passt Schwarz oder Weiß immer 4,5 zu 1 an eine undurchsichtige Farbe?
Die stärkere der beiden hat ein theoretisches Minimum der Quadratwurzel von 21, etwa 4,58 zu 1. Das deckt den numerischen Normaltext-Schwellenwert ab, aber die reale Komponente kann immer noch aufgrund von Opazität, Bildern, Zuständen, Anti-Aliasing oder der Verwendung einer anderen Farbe als dem gemessenen Token ausfallen.
Kann die Konvertierung eines Bildes den Kontrast des darin enthaltenen Textes verbessern?
Eine Formatkonvertierung führt nicht zu einer Neugestaltung der Pixel. Verlustbehaftete Kodierung kann Kanten weicher machen oder Samples leicht verändern, aber sie kann unzugänglichen eingebetteten Text nicht in ein zuverlässig zugängliches Vordergrund-Hintergrund-Paar umwandeln.