
Wählen Sie eine Basisfarbe und generieren Sie 9 harmonische Farbpaletten. Monochromatisch, komplementär, triadisch, Pastell, dunkel und mehr - alle Berechnungen laufen lokal in Ihrem Browser.
Monochromatische Palette
Alle Farben haben denselben Farbton (H) und unterscheiden sich hauptsächlich in der Helligkeit (L) im HSL-Farbraum.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Triadische Palette
Drei Farbtöne im Abstand von 120° auf dem Farbkreis (Eckpunkte eines gleichseitigen Dreiecks) - eine Geometrie, die häufig im Branding und Bauhaus-inspirierten Designs verwendet wird.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Split-Komplementärpalette
Eine Variante der Komplementärpalette - anstelle eines Komplements (180°) werden zwei Farben verwendet, die ca. ±30° vom Komplement verschoben sind, was die visuelle Spannung reduziert und gleichzeitig starken Kontrast beibehält.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Pastellpalette
Derselbe Farbton mit reduzierter Sättigung und erhöhter Helligkeit - eine Verschiebung zur Mitte und zum oberen Bereich des HSL-Raums, die weiche, „cremige" Farben erzeugt.
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Dunkle Palette
Derselbe Farbton mit hoher Sättigung (S) und reduzierter Helligkeit (L) - eine Verschiebung nach unten auf der Helligkeitsachse, die tiefe Farben erzeugt, typisch für Dark Mode und kräftige Akzente.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Tonale Palette (Material Design inspiriert)
Mehrere Helligkeitsstufen eines Farbtons - variiertes L und moderates S, ähnlich den tonalen Bereichen aus den Material-Design-Richtlinien (z. B. 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Minimalistische Palette (Apple inspiriert)
Ein kräftiger Farbakzent und mehrere sehr helle, weiche Neutraltöne - ein Layout, typisch für Oberflächen mit viel Weißraum und dezenten Schatten.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Analoge Palette
Farben mit ähnlichen Farbtönen - von ca. -30° bis +30° um die Basisfarbe auf dem klassischen Farbkreis (z. B. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Komplementärpalette
Die Basisfarbe und ihr Komplement, um 180° auf dem Farbkreis verschoben - einer der grundlegenden Farbkontraste, beschrieben u. a. von Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
Der Farbpaletten-Generator erstellt aus einer einzigen Basisfarbe 9 verschiedene Farbpaletten auf Grundlage der Farbtheorie. Jede Palette hat eine andere Zusammensetzung - von monochromatischen Variationen bis hin zu kontrastierenden Komplementärfarben.
Alle Berechnungen basieren auf dem HSL-Farbraum (Hue, Saturation, Lightness). Der Farbton bestimmt die Grundfarbe, die Sättigung die Intensität und die Helligkeit, wie hell oder dunkel die Farbe erscheint. Dieses Modell entspricht der menschlichen Farbwahrnehmung und eignet sich hervorragend für die Palettengenerierung.
Die Palettengenerierung dauert nur wenige Sekunden:
Jede Palette hat einen anderen Charakter und eignet sich für unterschiedliche Anwendungen:
Beispiel: HSL(210, 80%, 50%)
H = 210° (Blauton)
S = 80% (kräftig)
L = 50% (mittlere Helligkeit)
Gleicher Farbton, andere Helligkeit
L: 90% → 70% → 50% → 30% → 10%
Alle Paletten in diesem Tool basieren auf dem HSL-Farbraum (Hue, Saturation, Lightness). Im Gegensatz zu HEX oder RGB beschreibt HSL Farben so, wie wir sie wahrnehmen:
Durch gezielte Änderung einzelner Werte lassen sich harmonische Paletten erzeugen. Monochromatische Paletten ändern nur L, analoge nur H, und komplementäre spiegeln H um 180°.
Die generierten Farbpaletten eignen sich für verschiedene Anwendungsbereiche: