Wie kann ich prüfen, ob zwei Farben genügend Kontrast haben?.

Zwei Farben können zusammen attraktiv aussehen und dennoch schwer lesbar sein. Kontrast ist der Unterschied in der wahrgenommenen Helligkeit zwischen einer Vordergrundfarbe — normalerweise Text oder ein Icon — und ihrem Hintergrund.

Geringer Kontrast ist bei kleinem Text, dünnen Schriftarten und hellen Bildschirmen im Freien am auffälligsten. Er kann auch dazu führen, dass Schaltflächen und Formularsteuerelemente schwer zu erkennen sind, selbst wenn die Farben zur Marke passen.

Das Paar prüfen, nicht nur die Palette

Eine Palette kann exzellente einzelne Farben enthalten, aber scheitern, wenn bestimmte Paare zusammen verwendet werden. Testen Sie die tatsächliche Kombination: dunkler Text auf einer hellen Karte, weißer Text auf einer farbigen Schaltfläche oder ein Icon vor seinem Hintergrund.

Der Paletten-Extraktor kann Farben aus einem Bild ziehen und ein Kontrastpaar identifizieren. Das gibt Ihnen einen praktischen Ausgangspunkt, wenn ein Foto, ein Logo oder ein Markenbild die visuelle Richtung vorgibt.

Zuerst kleine Änderungen vornehmen

Wenn ein Paar schwach ist, versuchen Sie eines dieser Dinge, bevor Sie die Farbe aufgeben:

• Textfarbe abdunkeln
• Hintergrund aufhellen oder abdunkern
• ein fetteres Schriftgewicht oder größeren Text verwenden
• einen soliden Hintergrund hinter Text legen, der über einem Bild platziert ist

Verlassen Sie sich nicht allein auf die Farbe, um einen Status wie Fehler, Erfolg oder ausgewählten Zustand zu kommunizieren. Beschriftungen, Icons und eine klare Formulierung machen die Benutzeroberfläche für alle leichter verständlich.