Farbpalette korrigieren

Warum sich Farbpaletten beißen: Helligkeit, Buntheit, Farbton, Temperatur

Die meisten Paletten, die sich „irgendwie falsch“ anfühlen, sind nicht auf interessante Weise falsch. Sie scheitern an einer von vier schlichten Achsen, und beim Korrigieren der Farbpalette prüft das Tool alle vier, bevor es irgendetwas anfasst. Helligkeit: zwei Farben, die nebeneinanderliegen und fast – aber nicht ganz – gleich hell sind. Das Auge liest den Unterschied als Fehler, nicht als Entscheidung; ein Marineblau und ein Anthrazit, ein paar Stufen auseinander, wirken wie dieselbe Farbe an einem schlechten Drucktag. Buntheit: eine Farbe ist ein staubiger, gedämpfter Ton, ihr Nachbar ist Neon. Jede kann für sich in Ordnung sein; zusammen lässt die laute die leise schmutzig aussehen und die leise die laute billig. Farbton: Farben, die fast verwandt sind – ein Blau zehn Grad neben dem Markenblau –, erzeugen den Beinahe-Treffer, und der ist schlimmer als ein sauberer Kontrast: nah genug, um gewollt auszusehen, weit genug, um inkonsistent zu wirken. Temperatur: ein warmes Terrakotta neben einem kühlen Blaugrau, ohne etwas, das die Brücke schlägt, spaltet eine Palette in zwei Lager. Frag „Warum beißen sich meine Farben?“, und die Antwort ist fast immer eine dieser vier – oft zwei davon zugleich.

Behalten, was sich nicht ändern lässt – gedruckt, eingetragen, schon an der Wand

Das ist der Teil, den ein Paletten-Generator nicht kann. In echten Projekten stehen manche Farben nicht zur Debatte: Das Markenblau ist als Marke eingetragen und auf zehntausend Stoffbeutel gedruckt; das Sofa wurde letzten Monat geliefert; die Primärfarbe des Produkts steckt fest in der Logodatei. Eine Korrektur, die diese Farben antastet, ist keine Korrektur. Deshalb hat jedes Farbfeld einen Schalter „Behalten“. Eine behaltene Farbe bleibt exakt, wie sie ist – das Tool behandelt sie als Wand, um die sich die anderen anordnen müssen, nie als Vorschlag. Behältst du nichts, wird die kräftigste Farbe zur Ausgangsfarbe, und das Ergebnis sagt das auch, denn irgendjemand muss führen. Zwei behaltene Farben gehen ebenfalls; die freien Farben müssen dann beide zufriedenstellen – und genau das bedeutet „Farben aufeinander abstimmen“, wenn die beiden Anker Jahre auseinander von verschiedenen Leuten gewählt wurden.

Lies die Diagnose, bevor du etwas anfasst

Automatischen Korrekturen misstraut man leicht, deshalb kommt bei diesem Tool die Diagnose zuerst. Drücke „Farben korrigieren“, und noch vor jeder neuen Palette bekommst du „Was nicht gepasst hat“: höchstens drei klare Zeilen, jede nennt die beteiligten Farben mit einem Farbchip: „steelblue und crimson sind fast gleich hell – nebeneinander wirkt das wie ein Versehen“, „crimson ist deutlich bunter als der Rest“, „Warme und kalte Farben sind gemischt“. Auf dem Standardweg keine Zahlen; wenn du sie willst, ergänzt „Zahlen anzeigen“ unter „Mehr Optionen“ an jedem Chip der Nachher-Leiste ΔE, Helligkeit, Buntheit und Farbton. Nach der Korrektur ist jede Zeile als „behoben“ oder „zeigt sich noch“ markiert, und die Notiz darunter sagt, warum eine Zeile bleibt – eine behaltene Farbe oder ein Schalter, der aus ist. Der Punkt ist: Du darfst widersprechen. Sagt die Diagnose, der Akzent sei zu bunt, und du weißt, dass der Akzent die ganze Idee ist, dann behalte ihn und lass stattdessen die anderen wandern. Die Diagnose ist dieselbe Liste, die die Reparatur steuert – was du liest, wird korrigiert, nichts passiert hinter dem Vorhang.

Wie weit ist jede Farbe gewandert? Vorher und Nachher

Jedes Ergebnis zeigt auf der Bühne einen Schalter „Vorher | Nachher“ (die Taste B schaltet um) und eine Leiste mit Chips. Jeder Chip sagt entweder „behalten“ oder beschreibt seine Bewegung in Worten: „leicht verschoben: wärmer, in die Marineblau-Familie – #7a93bc“. Die Worte sind berechnet, nicht Dekoration: Richtung (wärmer oder kühler), Helligkeit, Buntheit (bunter oder ruhiger) und ein Ausmaß von „einen Hauch“ bis „stark“ – oder schlicht „unverändert“, wenn sich nichts bewegen musste. Dahinter verschiebt der Algorithmus jede freie Farbe um die kleinste wahrnehmbare Distanz, die die Diagnose auflöst – er arbeitet in OKLCH und misst mit ΔE2000, derselben Zahl, die das Vergleichs-Tool zeigt –, und jede Stärke hat ein Budget: Sanft erlaubt einen kleinen Schritt, den du nur im direkten Vergleich siehst, Ausgewogen eine Änderung, die dir auf den zweiten Blick auffällt, Kräftig eine, die du sofort siehst. Ein Wechsel der Stärke rechnet sofort neu. Jeder freie Chip auf der Nachher-Leiste hat sein eigenes Farbeingabefeld zum manuellen Nachjustieren, Rückgängig ist ein Klick, und nichts wird übernommen, bevor du „Diese Palette übernehmen“ drückst. Würde eine Bewegung eine gesättigte Farbe über das hinausschieben, was Bildschirme darstellen können, sagt der Chip, dass sie in den Farbraum zurückgeholt wurde.

Drei Beispiele: Markenauffrischung, geerbte Vorlage, das Sofa, das bleibt

Markenauffrischung. Die Beispielpalette ist genau dieser Fall: Marineblau und ein warmes Rot sind die Marke, ein Staubblau und ein gebrochenes Weiß kamen später für die Website dazu. Behalte das Marineblau und das Rot und drücke „Farben korrigieren“. Die Diagnose markiert das Staubblau zweimal – es ist fast so hell wie das Rot, und sein Farbton verfehlt das Marineblau nur knapp – und sie markiert das Rot als deutlich bunter als der Rest, was du ignorieren kannst, weil das Rot behalten wird – das Ergebnis sagt es dir unter den Zeilen. Ausgewogen hellt das Staubblau leicht auf und rückt es in die Familie des Marineblaus, sodass es als bewusste Aufhellung des Markenblaus gelesen wird. Das gebrochene Weiß ist neutral und bleibt, wo es ist. Die Markenfarben haben sich nicht um eine einzige Stelle geändert.

Geerbte Vorlage. Ein Foliensatz, eine Theme-Datei, ein Logo von der früheren Agentur: vier Farben, die nie zusammengepasst haben. Behalte nichts – es gibt keinen Anker zu verteidigen – und lass die kräftigste Farbe führen. Um so eine Farbpalette zu korrigieren, muss das Tool meist zwei Dinge tun: die Buntheit der Ausreißer Richtung Ausgangsfarbe ziehen und die Helligkeiten auseinanderziehen, damit Farben, die sich berühren, klar unterscheidbar sind. Reicht Ausgewogen nicht, ist Kräftig immer noch eine Reparatur, kein Ersatz: Die Farben behalten ihre Identität, sie streiten nur nicht mehr.

Das Sofa, das bleibt. Sofa und Boden gibt es schon; Wand und Vorhänge sind offen. Gib alle vier ein, behalte Sofa und Boden und stelle die Bühne auf „Ineinander“, damit die kleine Fläche in der großen sitzt – so wie später im Raum. Die Ineinander-Prüfung ist strenger als Nebeneinander: Ein Akzent in einer großen Fläche ähnlicher Helligkeit verschwindet schlicht, und das Tool hebt oder senkt die freie Farbe, bis er es nicht mehr tut. Dann schickt „An einer Wand testen“ unter „Mehr Optionen“ das Ergebnis in die Szene „Gestrichene Wand“ des Farbtesters, um es bei Morgen- und Abendlicht zu sehen.

Nichts wird hochgeladen

Das Tool läuft komplett in deinem Browser: Die Farben, die du einfügst, die Canvases, die du speicherst, und die Teilen-Links, die du erzeugst, berühren nie einen Server. Gespeicherte Canvases liegen im Speicher dieses Browsers neben „Meine Farben“, und das Dock kann alles zusammen als eine JSON-Datei exportieren – und auf einem anderen Rechner wieder importieren. Farben, die sich beißen, zu korrigieren ist die eine Aufgabe; eine Palette an ein gewähltes Schema anzugleichen – gleiche Familie, Nachbarn, Gegenüber, Dreiklang, geteilt – die andere, und das erledigt das Tool Farbpalette harmonisieren mit derselben Engine und der Schemawahl gleich am Anfang.