Gestalte eine Palette, die zu dir passt

Funktionen und Einsatzmöglichkeiten

Der Palettengenerator erstellt 3–8 Farben aus einer Ausgangsfarbe. Nutze den Farbwähler oder gib HEX, RGB oder HSL ein und erkunde Harmonien sowie hellere oder dunklere Varianten.

Sperre Lieblingsfarben, erzeuge neue Kombinationen und ordne die Farbfelder. Prüfe Text und Hintergrund samt Kontrast, kopiere Farben oder lade die Palette als PNG, CSS-Variablen oder JSON herunter.

Farbharmonien einfach erklärt

Analog

Benachbarte Farbtöne auf dem Farbkreis lassen eine Palette zusammengehörig wirken.

Komplementär

Gegenüberliegende Farbtöne erzeugen einen starken Farbkontrast. Prüfe die Lesbarkeit gesondert, wenn du sie für Text verwendest.

Geteilte Komplementärfarben

Ein Grundton wird mit den beiden Nachbartönen seiner Gegenfarbe kombiniert. So entsteht Kontrast mit mehr Vielfalt.

Triadisch

Drei Farbtöne im Abstand von 120 Grad bilden ein ausgewogenes Dreifarbschema.

Tetradisch

Zwei Komplementärpaare bilden ein Vierfarbschema. Dieses Werkzeug verteilt die vier Farbtöne gleichmäßig auf dem Farbkreis.

Monochrom

Ein Farbton erscheint in helleren und dunkleren Varianten für eine einheitliche Palette.

Überrasche mich

Zufällige Farbkombinationen bieten einen Ausgangspunkt, um über eine feste Harmonie hinaus zu experimentieren.

Formate, Optionen und Grenzen

Farbfelder akzeptieren 3-, 4-, 6- oder 8-stellige HEX-Werte mit oder ohne # sowie RGB/RGBA- und HSL/HSLA-Schreibweisen. Alphawerte steuern die Transparenz. Nutze die visuelle Farbauswahl für schnelle Änderungen oder gib einen präzisen Wert ein.

• Nutze den Farbkreis und den Farbtonregler von 0–359 Grad oder beginne mit Wald, Rose, Ozean oder Goldene Stunde. Sperre einzelne Farben, während du die übrigen neu erzeugst, ordne Farbfelder um und wähle die beiden Farben für die Text-Hintergrund-Vorschau.
• Lade eine PNG-Palettenreferenz mit 1200 × 630 px, eine CSS-Datei mit nummerierten Farbvariablen oder JSON mit der geordneten Farbliste herunter. Kopiere einen HEX-Wert oder die gesamte Liste für Markenübersichten, Website-Themes und passende Grafiken.

Arbeite ohne Konto: Text und Fotos werden in deinem Browser verarbeitet. Speichere ein Projekt auf diesem Gerät oder lade eine Sicherung herunter, um es später wieder zu öffnen.

Gut zu wissen

Sperre Farben, die du behalten möchtest, bevor du eine neue Palette erstellst. Harmonien sind Ausgangspunkte; prüfe den Kontrast der Farben für deinen Text.