Triadische Farben
Drei Farben im Abstand von 120°, perfekt ausbalanciert – das Schema, das Maler eine Triade nennen. Gib eine beliebige Ausgangsfarbe ein und erhalte ihre zwei Partner, berechnet in OKLCH, damit alle drei dasselbe visuelle Gewicht haben. Kostenlos und 100 % im Browser.
Die Geometrie einer Triade
Teile den Farbkreis in drei gleich große Stücke und du erhältst eine Triade: drei Farbtöne im Abstand von 120°, von denen keiner die Geometrie des Kreises beherrscht und jeder gleich stark gegen die beiden anderen zieht. Die berühmteste Triade sind die Grundfarben der Maler selbst – Rot, Gelb, Blau –, weshalb triadische Schemata einen leisen Nachklang von Kinderbüchern und klassischer Plakatkunst tragen: kräftig, klar lesbar, grundsätzlich stabil. Dreh das ganze Dreieck, und die Balance bleibt bei jedem Startfarbton erhalten.
Ausgewogener Farbton, ausgewogenes Gewicht
Klassische Farbkreis-Tools reichen dir drei Farbtöne und ruinieren dabei still die Balance: Durch HSL gedreht leuchtet der eine Partner, während der andere zu Schlamm wird – denn eine Farbtondrehung in HSL bringt die wahrgenommene Helligkeit durcheinander. Hier passiert die Drehung in OKLCH: Alle drei Farben erben die wahrgenommene Helligkeit und Buntheit deiner Ausgangsfarbe, das Dreieck ist also nicht nur im Winkel ausgewogen, sondern auch im visuellen Gewicht. Ergebnisse außerhalb des Farbraums werden sauber hineinabgebildet, statt zu anders aussehenden Farben abgeschnitten zu werden.
Die Regel: zwei dämpfen
Drei gesättigte Farben zu gleichen Teilen sind Karneval, keine Komposition. Das professionelle Muster: Befördere ein Mitglied der Triade bei voller oder fast voller Buntheit zur Leitfarbe und stufe die beiden anderen zurück – dämpfe sie mit der Ton-Reihe im Abstufungs-Generator, verkleinere ihre Fläche oder reserviere sie für Symbole und kleine Akzente. Das Schema behält seine dreiseitige Spannung und wirkt trotzdem gestaltet statt zufällig. In Oberflächen ergibt sich die Zuordnung von selbst: Leitfarbe für primäre Aktionen, die zweite für informative Akzente, die dritte für Highlights und illustrative Details.
Wo Triaden funktionieren – und wo nicht
- Marken und Maskottchen: verspielt ohne Chaos; eine Triade wirkt konstruktionsbedingt freundlich.
- Datenvisualisierung: drei kategoriale Reihen mit tatsächlich gleicher Auffälligkeit – keine Reihe schreit versehentlich lauter.
- Illustration und Editorial: eine gedrehte Triade macht eine Szene sofort stimmig.
- Nicht geeignet für: ernste, luxuriöse oder minimalistische Stimmungen – Triaden sind von Natur aus lebhaft; für Ernsthaftigkeit passt ein monochromes oder analoges Schema besser.
Speichere die drei in „Meine Farben“, schick Kandidatenpaare durch den Kontrast-Checker, bevor du Text setzt, und sieh dir die Leitfarbe im realistischen Farb-Tester bei der Arbeit an. Alles läuft zu 100 % in deinem Browser.
Häufige Fragen
Was sind triadische Farben?
Drei Farben, die gleichmäßig über den Farbkreis verteilt sind, jeweils 120 Grad auseinander. Rot–Gelb–Blau und Orange–Grün–Violett sind die klassischen Beispiele; jede Ausgangsfarbe erzeugt ihre eigene Triade.
Worin unterscheidet sich ein triadisches Schema von Split-Komplementär?
Beide nutzen drei Farben, aber die Triade verteilt sie gleichmäßig (120°/120°/120°), während Split-Komplementär zwei davon nahe dem Gegenstück der Ausgangsfarbe bündelt (0°/150°/210°). Triaden wirken ausgewogen und verspielt, Splits gerichtet und kontrastgetrieben.
Sollten alle drei Farben einer Triade gleich stark eingesetzt werden?
Nein – das ist der klassische Anfängerfehler. Wähle eine Leitfarbe und dämpfe oder verkleinere die beiden anderen; die 60-30-10-Verteilung ist ein verlässlicher Ausgangspunkt.
Funktionieren triadische Schemata für Websites?
Ja, wenn du sie Rollen zuordnest: die Leitfarbe für primäre Buttons und Links, die zweite für informative Akzente, die dritte sparsam für Highlights. Prüfe Textpaare im Kontrast-Checker, denn über die Lesbarkeit entscheidet die Helligkeit, nicht der Farbton.
Warum wirken diese drei Farben gleichmäßiger als die Triaden anderer Generatoren?
Die Drehung läuft im wahrnehmungsnahen OKLCH-Raum, deshalb behalten alle drei die wahrgenommene Helligkeit und Buntheit deiner Ausgangsfarbe, statt wie bei HSL-Drehungen wegzudriften.