Zum Inhalt springen
Musterli

Farbpaletten-Generator

Harmonische Farbpaletten per Leertaste. Farben sperren, Harmonie wählen, Kontrast prüfen und als CSS exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Farbpaletten-Generator

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Ein Farbpaletten-Generator stellt Farben zusammen, die gut miteinander harmonieren. Musterli rechnet im OKLCH-Farbraum, damit Helligkeit und Farbton für das Auge gleichmässig wirken.

So geht’s

Drück die Leertaste für eine neue Palette. Sperr Farben, die dir gefallen, mit dem Schloss, wähl eine Harmonie und exportier die Palette als CSS-Variablen, HEX-Liste oder Bild.

Farbpaletten-Generator jetzt ausprobieren

Häufige Fragen

Was bedeuten die Harmonien?
Analog nutzt benachbarte Farbtöne, komplementär gegenüberliegende. Triadisch verteilt drei Töne gleichmässig, split-komplementär kombiniert einen Ton mit den Nachbarn seines Gegenstücks, tetradisch nutzt vier Töne im Quadrat.
Was passiert mit gesperrten Farben?
Gesperrte Farben bleiben beim Würfeln erhalten. Die erste gesperrte Farbe dient als Anker, die neue Palette wird in der gewählten Harmonie um sie herum aufgebaut.
Was zeigt die Kontrastanzeige?
Das Kontrastverhältnis nach WCAG 2 zwischen Farbe und Beschriftung. AA steht für mindestens 4.5:1, AAA für mindestens 7:1 bei normalem Text.
Kann ich die Palette in Figma oder im Code verwenden?
Ja. Kopier die HEX-Liste oder die CSS-Variablen, oder exportier die Palette als SVG oder PNG.

Fertige Farbpaletten

Über 30 Paletten nach Stimmung, mit HEX-, RGB- und OKLCH-Werten zum Kopieren.

Zur Palettensammlung

Passende Generatoren

Alle Generatoren in Farben