Der Bunt-Unbunt-Kontrast entsteht, wenn eine bunte Farbe neben Weiß, Grau oder Schwarz steht. Die CIE nennt Farben ohne Farbton unbunt, Farben mit Farbton bunt. Neben einer unbunten Fläche wirkt die bunte Farbe besonders kräftig.
- Bunt-Unbunt-Kontrast
Der Kontrast zwischen einer bunten Farbe und den unbunten Farben Weiß, Grau oder Schwarz.
Beispiel: „Die Website lebt vom Bunt-Unbunt-Kontrast: alles in Weiß und Grau, nur die Buttons in Orange.“Auch: Kontrast bunt gegen unbunt.
Nicht Teil der sieben Farbkontraste nach Itten; er gilt als Ergänzung.
Woher der Bunt-Unbunt-Kontrast kommt
Johannes Itten führt ihn unter seinen sieben Kontrasten nicht auf; Weiß, Grau und Schwarz kommen bei ihm vor allem im Hell-Dunkel-Kontrast vor. Martin Hahn nennt den Bunt-Unbunt-Kontrast in seinem Buch Webdesign einen achten Kontrast, der im Screendesign beliebt ist. Auch die Lehrerfortbildung Baden-Württemberg führt ihn als Erweiterung.
Bunt-Unbunt-Kontrast im Webdesign
Viele Websites sind im Kern unbunt: weiße oder hellgraue Flächen, dunkelgrauer Text. Eine einzige Markenfarbe für Buttons und Links sticht dann sofort hervor. Je weniger bunte Farben die Seite sonst zeigt, desto stärker lenkt diese eine den Blick; deshalb funktioniert das Prinzip besonders gut für Handlungsaufforderungen.
Bunt-Unbunt-Kontrast und Lesbarkeit
Der Bunt-Unbunt-Kontrast sagt nichts über die Lesbarkeit. Ein kräftiges Rot auf mittlerem Grau leuchtet, ist aber nach der WCAG-Formel fast gleich hell und als Textfarbe ungeeignet. Für Text zählt der Helligkeitsunterschied, den das Kontrastverhältnis misst. Weiß oder ein sehr dunkles Grau auf der Markenfarbe funktionieren deshalb meist besser als ein mittleres Grau.