Farbpaletten-Generator
Erstellen Sie harmonische Farbpaletten mit einem Klick, fixieren Sie Lieblingsfarben, teilen und exportieren Sie sie als CSS, Tailwind oder PNG.
Drücken Sie die Leertaste für eine neue Palette. Fixieren Sie Farben, die Sie behalten möchten; klicken Sie auf einen Code, um ihn zu ändern.
Alles läuft in Ihrem Browser: Es werden keine Daten gesendet.
Über dieses Tool
Dieser Farbpaletten-Generator erstellt mit einem Klick harmonische Farbkombinationen für ein Logo, eine Website, eine Speisekarte oder ein Corporate Design. Sechs Stile stehen zur Wahl: freie Harmonie, analog, monochrom, komplementär, triadisch und pastell. Die Farben werden im OKLCH-Farbraum berechnet, der sich an der menschlichen Wahrnehmung orientiert, für ausgewogene Paletten. Nützlich für Designer, Entwickler und Inhaber kleiner Unternehmen.
Fixieren Sie Farben, die Sie behalten möchten, und erzeugen Sie neue mit „Generieren“ oder der Leertaste. Jede Palette umfasst 2 bis 10 Farben: HEX-Code ändern, Reihenfolge anpassen, Farbe entfernen oder kopieren. Exportieren Sie die Palette als HEX, CSS, SCSS, Tailwind oder JSON, laden Sie ein PNG-Bild herunter oder kopieren Sie einen Link zum Teilen, der die Farben enthält.
- Sechs Harmoniestile, darunter pastell und monochrom
- Farben fixieren, neu generieren per Leertaste
- 2 bis 10 Farben, bearbeitbar und verschiebbar
- Export als HEX, CSS, SCSS, Tailwind, JSON
- PNG-Download und Link zum Teilen
So funktioniert es
- Wählen Sie einen „Palettenstil“ und klicken Sie auf „Generieren“ (oder Leertaste).
- Fixieren Sie passende Farben und generieren Sie neu, bis die Palette stimmt.
- Feinschliff: Code ändern, Farbe hinzufügen, verschieben oder entfernen.
- Wählen Sie unter „Exportieren“ ein Format und kopieren Sie den Code oder laden Sie das PNG herunter.
Häufige Fragen
Werden meine Farben irgendwohin gesendet?
Nein. Alles wird in Ihrem Browser berechnet, es werden keine Daten gesendet. Die Farben stehen lediglich in der Seitenadresse, damit der Link zum Teilen sie wiederherstellen kann.
Ist der Farbpaletten-Generator kostenlos?
Ja, er ist kostenlos und ohne Konto oder Registrierung nutzbar.
Wie verwende ich die Palette in CSS oder Tailwind?
Wählen Sie unter „Exportieren“ CSS, SCSS, Tailwind oder JSON: Das Tool erzeugt CSS-Variablen (--color-1…), SCSS-Variablen ($color-1…) oder einen colors-Block für Tailwind zum Kopieren.
Enthält das heruntergeladene PNG eine Markierung?
Ja, das PNG-Bild (1600 × 900 px) trägt unten rechts einen kleinen, dezenten Hinweis „kspnai.com/tools/palette-generator“ mit dem KSPNAI-Logo. Kopierte Codes enthalten keine Markierung.