Farbkontrast ist der Unterschied, den das Auge zwischen zwei Farben wahrnimmt, ob sie nebeneinander oder nacheinander gesehen werden. Er kann im Farbton liegen, in der Helligkeit oder in der Sättigung. Für die Lesbarkeit von Text zählt davon fast nur einer: der Unterschied in der Helligkeit.
- Farbkontrast
Der sichtbare Unterschied zwischen zwei Farben in Farbton, Helligkeit oder Sättigung.
Beispiel: „Der Farbkontrast zwischen Orange und Blau macht den Button auf der Seite sofort sichtbar.“Abgrenzung zum Kontrastverhältnis: Es misst nach einer festen Formel nur den Helligkeitsunterschied zwischen Text und Hintergrund. Der Farbkontrast umfasst alle Arten von Unterschied.
Wie Farbkontrast definiert ist
Die Internationale Beleuchtungskommission CIE versteht unter Kontrast die Bewertung des Unterschieds im Aussehen zweier Teile eines Feldes, gleichzeitig oder nacheinander gesehen. Als Beispiele nennt sie Farbkontrast, Simultankontrast und Sukzessivkontrast. Johannes Itten hat die gestalterischen Spielarten in sieben Farbkontraste gegliedert.
Farbkontrast und Lesbarkeit
Die WCAG berechnen den Kontrast so, dass der Farbton keine wesentliche Rolle spielt. Reines Rot auf reinem Grün ist ein starker Farbkontrast, erreicht aber nur ein Verhältnis von 2,9 zu 1; Blau auf Gelb kommt auf 8 zu 1. Text braucht nach Stufe AA mindestens 4,5 zu 1, große Schrift und Bedienelemente 3 zu 1.
Farbkontrast im Webdesign
Der Farbtonkontrast eignet sich für Akzente und Zuordnungen, etwa einen orangen Call-to-Action auf blauer Fläche. Information darf aber nach WCAG 1.4.1 nie allein über Farbe laufen: Menschen mit Farbenblindheit sehen einen roten und einen grünen Status oft gleich. Ein Symbol oder ein Wort dazu löst das.