Farbpaletten-Generator
Erzeuge komplementäre, analoge, triadische, tetradische, monochromatische sowie Schatten-/Tönungspaletten aus jeder beliebigen Basisfarbe.
Farbpaletten-Generator wird geladen… Wenn nichts passiert, aktiviere JavaScript.
Die Farbtheorie ist der strukturierte Rahmen, der erklärt, welche Farbkombinationen harmonisch, energisch, ruhig oder professionell wirken und warum. Im Kern arbeitet sie mit dem Farbkreis, einer kreisförmigen Anordnung von Farbtönen, bei der die Beziehungen zwischen Farben vorhersagen, wie sie visuell zusammenwirken. Der Farbkreis wurde von Johann Wolfgang von Goethe in seinem Werk "Zur Farbenlehre" von 1810 formalisiert und später durch Albert Munsells dreidimensionales Farbsystem verfeinert. Das moderne digitale Design bildet diese Beziehungen auf den HSL-Farbraum (Farbton, Sättigung, Helligkeit) ab, in dem die Drehung des Farbtons auf einem 360-Grad-Kreis direkt den Positionen auf einem traditionellen Farbkreis entspricht.
Häufig gestellte Fragen
Werden Farbdaten an einen Server gesendet?
Wie werden die Palettenbeziehungen mathematisch berechnet?
Was ist der Unterschied zwischen komplementär und geteilt-komplementär?
Welche Palettenart sollte ich für eine professionelle Marke verwenden?
Was ist die 60-30-10-Regel?
Sind die erzeugten Farben barrierefrei?
Kann ich die Palette als CSS-Custom-Properties exportieren?
Welches Farbformat verwendet das Werkzeug für die Ausgabe?
Wie wähle ich zwischen Schatten und Tönungen?
Kann ich eine Palette für farbenblinde Nutzer erzeugen?
Über Farbpaletten-Generator
Designer, UI-Ingenieure, Markenteams und Marketingfachleute benötigen allesamt strukturierte Farbpaletten. Ein Start-up, das eine Markenidentität aufbaut, braucht eine Primärfarbe, einen komplementären Akzent und eine Reihe neutraler Tönungen, die über Logo, Website, App und Druckmaterialien hinweg zusammenwirken. Ein Frontend-Entwickler, der ein Designsystem aufbaut, braucht semantische Farb-Tokens (primär, sekundär, Erfolg, Warnung, Fehler), die sich konsistent aus einer einzigen Markenfarbe ableiten. Ein Illustrator muss wissen, welche Farbtöne visuelle Spannung erzeugen und welche beruhigend wirken. Die 60-30-10-Regel (60 % dominante Farbe, 30 % Sekundärfarbe, 10 % Akzent) ist der praktische Rahmen, den die meisten Innenarchitekten und Grafikdesigner anwenden, damit sich eine Palette ausgewogen statt chaotisch anfühlt.
Dieses Werkzeug berechnet acht Palettenarten aus einer einzigen Basisfarbe, alle mathematisch im HSL-Farbraum abgeleitet. Die Komplementärpalette paart die Basis mit dem genau 180 Grad gegenüberliegenden Farbton. Die analoge Palette verwendet die drei Farbtöne innerhalb von 30 Grad zu jeder Seite. Die triadische Palette teilt den Kreis in drei gleiche 120-Grad-Segmente. Die tetradische (quadratische) Palette verwendet vier Farbtöne in 90-Grad-Abständen. Die geteilt-komplementäre Palette mildert den Kontrast eines Komplementärpaars, indem sie die beiden dem Komplement benachbarten Farbtöne verwendet. Monochromatische Schatten und Tönungen verändern nur die Helligkeit bei gleichbleibendem Farbton und gleicher Sättigung. Alles läuft in deinem Browser: kein Server, kein Hochladen, kein Konto.
Ein entscheidender praktischer Hinweis: Mathematisch harmonische Farben sind nicht automatisch barrierefrei. Das Kontrastverhältnis zwischen Vordergrundtext und Hintergrundfarbe muss die Richtlinien WCAG 2.1 erfüllen, mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Zwei Farben, die visuell ausgewogen aussehen, können die Kontrastanforderungen dennoch nicht erfüllen, besonders analoge Paare, bei denen die Farbtöne ähnlich sind. Lass deine gewählten Vordergrund-/Hintergrundkombinationen stets durch einen Kontrastprüfer laufen, bevor du eine Palette für den Produktiveinsatz festlegst. Denke außerdem daran, dass etwa 8 % der Männer und 0,5 % der Frauen eine Form der Farbsehschwäche haben; simuliere die Ansichten in Deuteranopie und Protanopie für deine Palette, um zu prüfen, ob die wesentlichen Unterschiede erhalten bleiben.
Von Isaac Newtons Prisma zu Pantones Druckimperium: Die überraschende Geschichte der Farbsysteme
Die Vorstellung, dass Farben einen Kreis bilden, ein kontinuierliches kreisförmiges Spektrum statt einer linearen Skala, geht auf Isaac Newton zurück, der 1666 einen Sonnenlichtstrahl durch ein Prisma brach und das entstehende Spektrum in seinem "Opticks" von 1704 zu einem Kreis ordnete, der Rot und Violett an den Enden verband. Newton war der Erste, der vorschlug, dass das Mischen von Farben an entgegengesetzten Enden des Spektrums eine Art visueller Neutralität erzeugt. Dieser Kreis wurde zur begrifflichen Grundlage aller nachfolgenden Farbtheorie, auch wenn Wissenschaftler später entdeckten, dass die menschliche Farbwahrnehmung weitaus komplexer ist, als ein einfaches Kreismodell nahelegt.
Johann Wolfgang von Goethe stellte Newtons rein physikalischen Ansatz in seiner "Zur Farbenlehre" von 1810 infrage und argumentierte, dass die Farbwahrnehmung ebenso psychologisch wie physikalisch sei. Obwohl als Physik weitgehend unzutreffend, beeinflussten Goethes Beobachtungen darüber, wie Farben Emotionen wecken (warme Farben wirken aktiv, kühle passiv), unmittelbar die heute in Markenbildung und Marketing genutzte Farbpsychologie. Die Bauhaus-Schule nahm diese Ideen in den 1920er-Jahren auf, wobei Johannes Itten und Josef Albers die Farbübungen entwickelten, die bis heute an Designschulen weltweit gelehrt werden.
Das moderne kommerzielle Farbsystem, mit dem die meisten Designer täglich umgehen, ist Pantone, gegründet 1963, als Lawrence Herbert eine kleine Druckerei kaufte und ein grundlegendes Problem löste: Zwei Druckereien in verschiedenen Städten konnten dieselbe Farbe nicht zuverlässig anhand einer Beschreibung treffen. Herbert schuf ein standardisiertes Tintenmischsystem mit nummerierten Farbfeldern, und das Pantone Matching System wurde zum globalen Standard für die Spezifikation von Markenfarben. Die jährliche Pantone-Farbe des Jahres, 2000 ins Leben gerufen, ist zu einem kulturellen Ereignis geworden, das Produktdesign, Mode und Innenarchitektur weltweit beeinflusst, eine bemerkenswerte Reichweite für etwas, das als praktische Lösung für ein Problem der Druckkoordination begann.