Farbharmonie: warum manche Farben zusammengehören

Farbharmonie ist das Gefühl, dass eine Gruppe von Farben zusammengehört. Designer bauen sie meist auf zwei Wegen: Sie wählen Farbtöne in einer bekannten Beziehung im Farbkreis, etwa Nachbarn oder Gegenüber, und sie gleichen alles andere aus, also Helligkeit, Sättigung und wie viel von jeder Farbe erscheint. Stimmt das Erste und das Zweite nicht, wirkt das Ergebnis trotzdem schief. Stimmt beides, wirken selbst ungewöhnliche Kombinationen ruhig und gewollt.

Der Farbkreis und warum er hilft

Der Farbkreis ordnet Farbtöne im Kreis an, sodass Beziehungen zu Geometrie werden. Nachbarn teilen viel vom selben Licht und verschmelzen weich; Gegenüber teilen nichts und lassen sich gegenseitig intensiver wirken. Jede klassische Harmonie ist eine Form, die über den Kreis gelegt wird. Wenn dir der Farbkreis selbst neu ist, starte mit dem Farbkreis.

Die sechs klassischen Farbharmonien

Hier ist jedes Schema aus derselben Petrol-Basis #30a69c gebaut, damit du siehst, wie die Beziehung die Stimmung ändert, während die Ausgangsfarbe bleibt.

Eine grobe Faustregel: Je weniger und je näher die Farbtöne, desto leichter entsteht Harmonie. Monochrome und analoge Schemata kümmern sich fast von selbst um sich. Komplementäre, triadische und tetradische Schemata bringen mehr Energie, verlangen aber mehr Disziplin in den nächsten drei Bereichen.

Harmonie ist auch Helligkeit und Sättigung

Sieh dir den triadischen Streifen oben an. Die Farbtöne sind wie aus dem Lehrbuch, aber bei gleicher Stärke wirken sie wie eine Spielzeugkiste. Das liegt daran, dass der Farbkreis nur den Farbton beschreibt. Zwei weitere Eigenschaften entscheiden, ob Farben wirklich gut zusammenpassen.

• Helligkeit: Eine harmonische Gruppe reicht meist von hellen über mittlere bis zu dunklen Werten. Fünf Farben gleicher Helligkeit verschwimmen ineinander; eine Spanne gibt dem Auge einen Ruhepunkt und etwas zu lesen.
• Sättigung: Halte die meisten Farben ruhig und lass eine kräftig. Stehen alle Farben auf voller Stärke, konkurrieren sie, und das Schema wirkt wie Rauschen.
• Gemeinsamer Unterton: Farben, die alle leicht warm sind oder alle eine Spur desselben Farbtons tragen, wirken verwandt, selbst wenn sie im Farbkreis weit auseinanderliegen. Etwas von deiner Hauptfarbe in die Neutraltöne zu mischen ist der schnellste Weg dahin.

Um diese Anpassungen in Zahlen vorzunehmen, nutze ein Format, das Helligkeit vom Farbton trennt. HSL ist die vertraute Wahl; OKLCH hält die Helligkeit besser konstant, wenn du den Farbton änderst, und macht ausgewogene Schemata dadurch viel leichter.

Proportion: Lass eine Farbe führen

Der größte Unterschied zwischen einem harmonischen und einem chaotischen Design liegt meist in der Proportion, nicht im Farbton. Gleiche Anteile von zwei oder drei Farben lassen das Auge zwischen ihnen hin- und herspringen. Eine dominante Farbe, eine unterstützende und ein kleiner Akzent geben ihm eine Hierarchie. Die 60-30-10-Regel ist eine nützliche Startaufteilung.

So baust du in der Praxis eine harmonische Palette

1. 1

   Starte mit einer Farbe, die etwas bedeutet

   Eine Markenfarbe, ein Produkt, ein Ort. Harmonie entsteht leichter um einen festen Punkt als aus dem Nichts.

2. 2

   Wähle eine Beziehung für die Stimmung

   Analog für Ruhe, komplementär oder geteilt komplementär für Energie, monochrom für Zurückhaltung.

3. 3

   Helligkeit spreizen, Sättigung beruhigen

   Erstelle eine helle, eine mittlere und eine dunkle Version und senke dann die Sättigung von allem außer dem Akzent.

4. 4

   Leg die Proportionen fest

   Bestimme, welche Farbe den größten Teil der Fläche bedeckt, welche unterstützt und welche nur in kleinen Akzenten erscheint.

5. 5

   Teste mit echten Worten

   Leg die Palette auf ein echtes Layout und prüfe den Textkontrast. Harmonie, die keine Überschrift tragen kann, ist nicht fertig.

Wenn du lieber mit einer bereits ausbalancierten Palette startest: Jeder Gradiently Mark ist ein fertiger lebendiger Hintergrund, dessen Farben, Materialien und Licht gemeinsam komponiert wurden, und das Studio legt deine Worte darauf, wobei die automatische Schriftfarbe pro Zeile helle oder dunkle Schrift wählt. Wie du deine eigene von Grund auf erzeugst, steht bei Farbpaletten-Generatoren.