Tetradisches Farbschema: vier Farben im Gleichgewicht

Ein tetradisches Farbschema besteht aus vier Farbtönen, die auf dem Farbkreis zwei Komplementärpaare bilden. Verbindest du sie mit Linien, entsteht ein Rechteck oder ein Quadrat, deshalb heißen die beiden Varianten Rechteck- und Quadratschema. Weil es warme und kühle Farben auf beiden Seiten des Kreises enthält, ist die tetradische Palette die vollste der klassischen Harmonien. Sie wirkt aber auch am ehesten chaotisch, es sei denn, eine Farbe führt und die anderen drei bleiben an ihrem Platz.

Rechteck- und Quadratschemata

Beide Varianten beginnen mit einem Grundfarbton und seiner Komplementärfarbe, 180 Grad entfernt. Sie unterscheiden sich darin, wo das zweite Paar sitzt.

So baust du ein tetradisches Farbschema

1. 1

   Wähle den Grundfarbton

   Nimm die Farbe, auf der deine Marke oder dein Design beruht. Notiere ihren Farbton in Grad; jeder Farbwähler mit HSL-Anzeige nennt ihn dir.

2. 2

   Ergänze die Komplementärfarbe

   Addiere 180 Grad. Dieses Paar ist das Rückgrat des Schemas. Warum Gegenüber so gut funktionieren, erklärt Komplementärfarben.

3. 3

   Entscheide dich für Rechteck oder Quadrat

   Für ein Rechteck addierst du 60 Grad zur Grundfarbe und zur Komplementärfarbe. Für ein Quadrat addierst du jeweils 90 Grad.

4. 4

   Gib jeder Farbe eine Aufgabe

   Eine dominiert, eine unterstützt, zwei sind Akzente. Schreib es auf, damit die Rollen in jedem Design gleich bleiben.

5. 5

   Stimme Helligkeit und Sättigung ab

   Dunkle die dominante Farbe ab, mildere die unterstützende und lass die Akzente am hellsten. Der Farbton legt die Harmonie fest, die Helligkeit die Hierarchie.

:root {
  --h: 220; /* base hue */

  /* Rectangle scheme */
  --c1: hsl(var(--h) 65% 30%);
  --c2: hsl(calc(var(--h) + 60) 45% 55%);
  --c3: hsl(calc(var(--h) + 180) 85% 60%);
  --c4: hsl(calc(var(--h) + 240) 40% 55%);

  /* For a square scheme use +90, +180 and +270 instead */
}

Warum vier Farben schwer auszubalancieren sind

Bei zwei Farben ist Kontrast einfach. Bei vier kräftigen Farbtönen weiß das Auge nicht, wohin es zuerst schauen soll, und jede Farbe scheint die anderen zu überschreien. Die meisten misslungenen tetradischen Designs scheitern daran, dass alle vier Farben ungefähr gleich viel Fläche und gleich viel Sättigung bekommen. Die Lösung ist Hierarchie, nicht weniger Farben.

Dieses zweite Bild zeigt die eigentliche Stärke des Schemas. Vier Farben bieten genug Vielfalt für eine ganze Serie: Jeder Post kann von einer anderen Farbe der Palette angeführt werden, und das Set gehört trotzdem erkennbar zusammen. Ideal für Karussells, Speisekarten und Veranstaltungsprogramme, wo Markenkonsistenz zählt, Gleichförmigkeit aber langweilt.

Wo ein tetradisches Farbschema am besten funktioniert

Vier Farbtöne lohnen sich, wenn ein Projekt mehrere Dinge klar trennen muss, ohne jedes Mal neue Farben zu erfinden. Ein einzelnes Plakat braucht das selten. Ein System meistens schon.

• Kategorien kodieren: eine Café-Karte mit Getränken, Frühstück, Mittagessen und Kuchen, jeweils in eigener Farbe.
• Veranstaltungsprogramme: vier Bühnen, Tracks oder Tage, die Besucher auf einen Blick unterscheiden müssen.
• Diagramme und Dashboards: vier Datenreihen, die unterscheidbar bleiben müssen, am besten auch auf Farbenblindheit geprüft.
• Kinder- und Spielmarken: wo die volle, leuchtende Version der Palette genau der Punkt ist.
• Saisonkampagnen: ein Farbton führt jedes Quartal des Jahres, die anderen unterstützen.

Für die Proportionen beginnst du mit der 60-30-10-Regel und teilst die letzten zehn Prozent auf die beiden Akzente auf. Auf einer Speisekarte füllt etwa die dominante Farbe die Seite, die unterstützende kennzeichnet Überschriften, und die beiden Akzente markieren vegetarische und neue Gerichte.

So wirkt eine tetradische Palette edel

Tetradische Paletten in voller Sättigung sehen aus wie eine Spielzeugkiste, perfekt für ein Spielwarengeschäft und falsch für die meisten anderen. Zieh zwei oder drei der Farben Richtung Grau oder Richtung Dunkel, und dieselben Farbtöne wirken durchdacht und erwachsen.

Wenn vier Farben zu viele sind, geh einen Schritt zurück zu drei mit triadischen Farben oder geteilten Komplementärfarben. Beide behalten starken Kontrast bei einem Farbton weniger. Probiere die Palette dann an echten Designs aus: In Gradiently erscheinen Farben, die du in einem Markenkit speicherst (ein Pro-Feature), in jedem Farbwähler im Studio zuerst, sodass jeder Post einer Serie eine andere Leitfarbe bekommen kann.