Zum Inhalt springen

Quantitätskontrast

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Der Quantitätskontrast entsteht aus dem Größenverhältnis von Farbflächen, aus viel und wenig, groß und klein. Johannes Itten zählte ihn zu seinen sieben Farbkontrasten. Seine Idee: Jede Farbe hat eine eigene Leuchtkraft, und erst die passende Flächengröße bringt zwei Farben ins Gleichgewicht.

Quantitätskontrast

Der Kontrast, der aus dem Größenverhältnis von Farbflächen entsteht, also aus viel und wenig einer Farbe.
Beispiel: „Der Quantitätskontrast macht das kleine gelbe Feld auf der großen violetten Fläche zum Blickfang.“

Auch: Mengenkontrast, englisch contrast of extension.

Verwandt mit der 60-30-10-Regel, die ebenfalls Flächenanteile verteilt.

Lichtwerte und harmonische Flächen

Itten übernahm Lichtwerte, die er Goethe zuschrieb: Gelb 9, Orange 8, Rot 6, Grün 6, Blau 4, Violett 3. Er nannte sie selbst nur ungefähr. Für ein ruhiges Gleichgewicht nimmt man die Kehrwerte als Flächen: Gelb braucht ein Viertel der Fläche, Violett drei Viertel, Orange ein Drittel gegenüber zwei Dritteln Blau, Rot und Grün je die Hälfte. Dieselben Brüche stehen schon 1816 bei Schopenhauer.

Sieben quadratische Kacheln nebeneinander, jede mit einem Beispiel: Gelb, Rot und Blau; Hellgelb und Dunkelviolett; Blaugrün und Rotorange; Orange und Blau; ein graues Feld auf Orange; kräftiges und stumpfes Rot; ein kleines gelbes Feld auf großer violetter Fläche.
Die letzte Kachel zeigt den Quantitätskontrast: wenig Gelb auf viel Violett.

Ruhe oder Spannung

Harmonische Proportionen wirken laut Itten ruhig und statisch. Weicht man bewusst davon ab und lässt eine Farbe dominieren, wird die Wirkung ausdrucksstark: Ein kleiner, leuchtender Fleck auf einer großen, dunklen Fläche zieht den Blick an. Ittens Verhältnisse gelten nur für Farben in voller Reinheit.

Quantitätskontrast im Webdesign

Websites nutzen den Quantitätskontrast ständig: eine große ruhige Grundfläche, eine kleinere zweite Farbe und eine sparsam gesetzte Akzentfarbe für Buttons und Links. Je seltener die Akzentfarbe auftaucht, desto stärker zieht sie. Wer sie für Überschriften, Linien und Symbole zugleich nutzt, verliert ihre Wirkung.

Siehe auch:

Die sieben Farbkontraste nach Itten

Sieben Arten, wie Farben sich voneinander abheben, beschrieben von Johannes Itten in Kunst der Farbe (1961).

#Gestaltungsgrundlagen

60-30-10-Regel

Eine Faustregel für die Farbaufteilung: 60 Prozent Grundfarbe, 30 Prozent Zweitfarbe, 10 Prozent Akzent.

#Gestaltungsgrundlagen

Komplementärfarben

Farbpaare, die sich im Farbkreis gegenüberliegen und den stärksten Farbkontrast bilden.

#Gestaltungsgrundlagen

Farbrollen (Primär-, Sekundär-, Akzentfarbe)

Die Aufgaben, die Farben in einem Farbschema übernehmen, etwa Primärfarbe für wichtige Aktionen, Flächenfarbe für Hintergründe und Fehlerfarbe für Warnungen.

#Gestaltungsgrundlagen

Markenfarbe

Die Farbe, an der Kunden eine Marke wiedererkennen, festgelegt im Corporate Design.

#Gestaltungsgrundlagen