Wähle eine Farbe, wähle eine Harmonie, und dieses Tool dreht den Farbton um feste Beträge, um einen zusammenpassenden Satz zu erzeugen. Die Regeln stammen aus der Farbenlehre der Kunsthochschulen und sind ein wirklich brauchbarer Ausgangspunkt. Sie sind zugleich Arithmetik auf einem Farbraum, der dein Sehen nicht abbildet — weshalb die Ausgabe danach meist einen Menschen braucht.
Was die Harmonien tatsächlich sind
Jede Option ist eine einzige Anweisung: Drehe den Farbton um eine feste Gradzahl. Komplementär ist 180 — die Gegenseite des Kreises. Triadisch sind zwei Drehungen um 120, was drei gleichmäßig verteilte Farben ergibt. Split-Komplementär nimmt die Komplementärfarbe und weicht beidseitig 30 Grad zurück, was die Konfrontation abmildert. Monochromatisch dreht gar nicht; es hält den Farbton und bewegt stattdessen Helligkeit und Sättigung.
Das sind keine Gesetze der Wahrnehmung. Es sind Konventionen von Malern, die Pigmente mischten, und sie überleben, weil sie zuverlässig Sätze erzeugen, die nicht beißen — nicht weil an 120 Grad physikalisch etwas Besonderes wäre. Zu wissen, dass sie willkürlich sind, erlaubt dir, sie zu verlassen, wenn das Ergebnis falsch aussieht.
Der Farbtonkreis ist nicht gleichmäßig hell
Hier ist, was die Arithmetik nicht wissen kann. Drehe den Farbton bei festgehaltener HSL-Lightness von 50 %, und du hast gar nichts festgehalten. Gelb erreicht bei dieser Helligkeit 92,8 % der Leuchtdichte von Weiß. Blau bei derselben Einstellung erreicht 7,2 %. Das Gelb strahlt dreizehnmal so viel Licht ab.
Eine triadische Palette mit Blau als Anker erzeugt also zwei Partner, die es optisch plattmachen, und eine mit Gelb als Anker zwei, die daneben verschwinden. Die Zahlen sagen, die drei Farben seien gleich hell. Deine Augen werden nicht gefragt.
Es ist derselbe Mangel, der Verläufe in der Mitte trüb macht und #808080 nicht halb so hell wie Weiß: HSL wurde in den 1970ern gebaut, um billig berechenbar zu sein, und seine Lightness-Achse ist ein Stück Arithmetik über RGB-Kanälen statt ein Maß für Licht. Willst du eine Palette, deren Mitglieder sich wirklich gleich gewichtet anfühlen, erzeuge sie hier für die Farbtonbeziehungen und richte dann die Helligkeit nach Augenmaß — oder arbeite in Oklch, wo eine konstante Helligkeit tatsächlich konstant ist.
Eine Palette ist kein Satz von Gleichen
Die häufigste Art, solche Ausgabe zu missbrauchen, ist, fünf Farben zu nehmen und alle fünf in gleicher Menge einzusetzen. Das ist keine Palette, das ist eine Schlägerei. Jeder Farbsatz, der in der Praxis funktioniert, hat eine Hierarchie: einer dominant, einer stützend, der Rest als sparsam eingesetzte Akzente.
Die alte Designer-Faustregel lautet 60-30-10 — sechzig Prozent der Fläche in der dominanten Farbe, dreißig in der sekundären, zehn im Akzent. Weniger eine Regel als eine Beobachtung darüber, wie ausgewogene Arbeit aussieht, wenn man sie nachmisst. Wirkt ein Design laut und du kannst nicht sagen warum, liegt die Antwort meist im Nachmessen der Anteile.
Es heißt auch, dass die Harmonie weniger zählt, als man denkt. Fast zwei beliebige Farbtöne lassen sich zum Funktionieren bringen, wenn einer entsättigt ist und der andere nicht. Die meisten professionellen Paletten sind eine Farbe mit einer Reihe von Tönungen plus ein einziger Akzent auf etwa einem Zehntel der Fläche — was dem Monochromatischen näher ist als allem, was der Kreis erzeugen würde.
Nichts davon prüft den Kontrast
Eine Harmonie sagt, dass zwei Farben eine angenehme Farbtonbeziehung haben. Sie sagt nichts darüber, ob Text in der einen auf der anderen lesbar ist — unverbundene Fragen, die routinemäßig verwechselt werden.
Komplementärpaare zeigen es gut. Blau und Gelb sind Komplementäre und erreichen etwa 8:1, was für Fließtext taugt. Rot und Cyan sind ebenfalls Komplementäre und landen weit tiefer. Der Kreis weiß es nicht und kümmert sich nicht — er misst Winkelabstand zwischen Farbtönen, und Lesbarkeit ist eine Frage des Leuchtdichteunterschieds.
Erzeuge die Palette also hier und schick dann jedes Paar, auf das Text soll, durch einen Kontrastprüfer. WCAG verlangt 4,5:1 für normalen Text und 3:1 für großen. Diese Prüfung dauert zwei Sekunden und ist das Einzige, was die Frage beantwortet, die die Harmonie nicht beantworten kann.
Häufige Fragen
Wird irgendetwas an einen Server geschickt?
Nein. Dieses Tool ist als "client" gekennzeichnet: Die Harmonien sind Farbton-Arithmetik in deinem Browser-Tab. Es wird nichts übertragen.
Warum wirken die Farben meiner Palette nicht gleich hell?
Weil sie es nicht sind, und HSL kann es dir nicht sagen. Gleiche Lightness-Werte über verschiedene Farbtöne erzeugen wild verschiedene Lichtmengen — dreizehnfach zwischen Gelb und Blau bei derselben Einstellung. Die Palette hat bei den Farbtonbeziehungen recht und schweigt zu allem anderen. Richte die Helligkeit nach Augenmaß, oder bau sie in Oklch neu, wo die Achse meint, was sie sagt.
Welche Harmonie soll ich wählen?
Monochromatisch, wenn du unsicher bist, und das ist keine Ausflucht. Sie ist am schwersten falsch zu machen, sie wirkt gewollt, und die meisten professionellen Oberflächen sind ihr näher als allem anderen — ein Farbton, eine Reihe von Tönungen, ein Akzent. Greif zu Komplementär, wenn eine Sache scharf hervorstechen soll, und zu Triadisch, wenn du drei wirklich verschiedene Kategorien zu unterscheiden hast und die Energie der Punkt ist.
Wie viele Farben brauche ich?
Weniger, als du denkst. Ein Neutral, eine Markenfarbe und ein Akzent tragen eine ganze Oberfläche, mit Tönungen von jedem für die Zustände. Wo du wirklich mehr brauchst, ist die Semantik — Erfolg, Warnung, Fehler — und die entscheidet die Konvention, nicht die Harmonie. Niemand dankt dir für ein palettentreues Rot, das nicht als Fehler gelesen wird.
Kann ich diese Farben für Text nehmen?
Erst prüfen. Eine Harmonie betrifft den Farbton, Kontrast betrifft die Leuchtdichte; eine Palette kann vollkommen harmonisch und vollkommen unlesbar sein. Schick jedes Paar durch einen Kontrastprüfer und such 4,5:1 für Fließtext. Fällt dein Akzent durch, dunkle ihn für Text ab und behalte die helle Fassung für Formen und Flächen — das ist der übliche Ausweg, und deshalb haben Designsysteme meist zwei Versionen jedes Akzents.