Split-Komplementärfarben
Der Kontrast eines Komplementärpaars, nur mit heruntergedrehter Spannung: deine Farbe plus die beiden Nachbarn ihres Gegenstücks. Berechnet in OKLCH, damit alle drei dasselbe visuelle Gewicht haben. Kostenlos und 100 % im Browser.
Komplementäre Energie, zu milderen Konditionen
Ein Split-Komplementär-Schema beginnt wie ein komplementäres – deine Farbe blickt über den Farbkreis hinweg auf ihr Gegenstück –, nimmt aber nicht das Gegenstück selbst, sondern die beiden Farbtöne links und rechts davon, 150° und 210° von der Ausgangsfarbe entfernt. So bleibt die Energie quer über den Farbkreis erhalten (warm steht weiterhin kühl gegenüber, hell temperamentmäßig weiterhin dunkel), während der Zusammenprall der exakten Gegenteile ausbleibt. Wo eine reine Komplementärfarbe an der Kante vibriert, summt ein Split.
Warum Einsteiger hier anfangen sollten
Das reine Komplementärpaar ist der Formel-1-Wagen unter den Farbschemata – maximale Leistung, gnadenloses Fahrverhalten. Der Split ist derselbe Motor, nur mit Stabilitätskontrolle. Seine beiden Kontrastfarben liegen nah genug beieinander, um als Familie aufzutreten (sie sind tatsächlich analoge Nachbarn), deshalb organisiert sich das Schema von selbst: die Ausgangsfarbe als Hauptrolle, das flankierende Paar als aufeinander abgestimmte Nebenbesetzung. Ein Split-Schema falsch aussehen zu lassen, ist wirklich schwer – es durchdacht aussehen zu lassen, wirklich leicht.
Die drei Rollen verteilen
- Die Ausgangsfarbe übernimmt die Fläche: Hintergründe, große Felder, Markenpräsenz – etwa 60 %.
- Die eine Flanke wird zum Arbeitsakzent: Buttons, Links, Highlights – rund 30 %. Nimm die Flanke, die in der Helligkeit weiter von der Ausgangsfarbe entfernt liegt; die Lesbarkeit gibt es dann gratis dazu.
- Die andere Flanke bleibt selten: Hover-Zustände, sekundäre Badges, illustrative Akzente – die letzten 10 %. Beide Flanken gleich stark einzusetzen ist der eine sichere Weg, das Schema zu zerstören.
Split versus Triade – die beiden Drei-Farben-Schemata
Beide nutzen drei Farbtöne, aber ihre Geometrie gibt ihnen unterschiedliche Charaktere. Eine Triade verteilt sich gleichmäßig (überall 120°) und wirkt ausgewogen, verspielt, demokratisch. Ein Split ballt zwei Farbtöne gegenüber dem dritten (0/150/210) und wirkt gerichtet – es gibt klar einen Protagonisten und eine Antwort. Nimm die Triade, wenn keine Farbe dominieren soll; nimm den Split, wenn deine Markenfarbe führen muss und einfach interessante Begleitung sucht. Weil diese Seite die Farbtöne in OKLCH dreht, behalten alle drei die wahrgenommene Helligkeit und Buntheit deiner Ausgangsfarbe – die Balance übersteht die Mathematik. Speichere das Trio in „Meine Farben“, prüfe Textpaare im Kontrast-Checker und lass die Leitfarbe im Farb-Tester realistisch vorsprechen. Alles läuft zu 100 % in deinem Browser.
Häufige Fragen
Was ist ein Split-Komplementär-Farbschema?
Deine Ausgangsfarbe plus die beiden Farben neben ihrer Komplementärfarbe – Farbtöne bei 150° und 210° von der Ausgangsfarbe. Der komplementäre Kontrast bleibt, die harte Paarung mit dem exakten Gegenteil entfällt.
Wann sollte ich Split-Komplementär statt Komplementär wählen?
Immer dann, wenn du die Energie quer über den Farbkreis willst, das reine Paar aber aggressiv wirkt – also meistens. Der Split bringt eine dritte nutzbare Farbe und nimmt das Flimmern an den Kanten weg.
Welche der beiden Flankenfarben sollte mein Akzent sein?
Die, die in der Helligkeit weiter von deiner Ausgangsfarbe entfernt liegt – der eingebaute Helligkeitsabstand macht Buttons und Links mit weniger Nachjustieren lesbar. Die andere Flanke bleibt seltener Zweitakzent.
Ist Split-Komplementär dasselbe wie eine Triade?
Nein. Triadisch verteilt drei Farbtöne gleichmäßig im Abstand von 120°; Split-Komplementär ballt zwei Farbtöne gegenüber dem dritten. Triaden wirken ausgewogen, Splits gerichtet, mit einer klaren Leitfarbe.
Funktionieren diese drei Farben als Text aufeinander?
Nur, wenn der Helligkeitsabstand groß genug ist – Farbtonkontrast allein erzeugt keine Lesbarkeit. Prüfe jedes Paar aus Text und Hintergrund vor dem Livegang in einem WCAG-Kontrast-Checker.