Der Qualitätskontrast entsteht zwischen reinen, leuchtenden Farben und getrübten, stumpfen. Johannes Itten bezog Qualität auf den Reinheitsgrad einer Farbe, also ihre Sättigung. Ein kräftiges Rot neben einem gebrochenen Rot zeigt ihn am deutlichsten.
- Qualitätskontrast
Der Kontrast zwischen reinen, leuchtenden Farben und getrübten, stumpfen Farben.
Beispiel: „Auf der Website arbeitet der Qualitätskontrast: gedämpfte Flächen, und nur der Button in voller Farbe.“Auch: Sättigungskontrast, englisch contrast of saturation.
Einer der sieben Farbkontraste nach Itten.
Wie Farben getrübt werden
Itten nennt vier Wege, eine Farbe zu trüben: mit Weiß, mit Schwarz, mit Grau oder mit ihrer Komplementärfarbe. Jeder verändert sie anders. Weiß macht laut Itten kälter, Schwarz nimmt Leuchtkraft; Gelb wird mit Schwarz kränklich, Blau von Schwarz fast ausgelöscht. Das Lehrmaterial der Hamburg Open Online University beschreibt den Kontrast als Gegenüberstellung leuchtender, gesättigter Farben mit gebrochenen, trüben oder stumpfen.
Qualitätskontrast im Webdesign
Der Qualitätskontrast ist eines der wirksamsten Mittel, um ein Element hervorzuheben, ohne eine neue Farbe einzuführen. Ist die ganze Seite gedämpft, springt die eine gesättigte Fläche sofort ins Auge. In OKLCH lässt sich das über das Chroma steuern: Hintergründe und Flächen mit wenig Chroma, Handlungsaufforderungen mit viel.
:root {
--flaeche: oklch(92% 0.02 25);
--akzent: oklch(60% 0.2 25);
}Qualitätskontrast in der Kunst
Das Lehrmaterial der Hamburg Open Online University nennt Gustav Klimts Der Kuss und Francisco Goyas Saturn als Beispiele aus der Malerei. In beiden stehen wenige kräftige Farben in einer Umgebung aus gebrochenen Tönen. Je getrübter die Umgebung, desto stärker leuchtet die reine Farbe; das gilt auf einer Website genauso wie auf der Leinwand.