Kostenloses Tool

Farbpaletten-Generator

Wähle eine Grundfarbe, und du bekommst eine passende Palette: harmonische Begleitfarben, helle und dunkle Abstufungen und die fertigen CSS-Variablen zum Kopieren. Läuft lokal im Browser.

Abstufungen

Harmonien

CSS-Variablen

Wie wurde das gebaut?

Reine Rechnerei im Browser, keine Bibliothek, kein Server. Gebaut mit Claude Code. Mehr dazu oder sprich mit mir.

Wie du die Palette benutzt

Nimm die Grundfarbe für das Wichtigste, also Kopfzeile und Hauptelemente. Nimm eine Abstufung davon für Flächen und Hintergründe. Und nimm genau eine Harmoniefarbe als Akzent, etwa für Knöpfe. Mehr als zwei kräftige Farben braucht kaum eine Website.

Was bedeuten die Harmonien?

Die Komplementärfarbe liegt der Grundfarbe genau gegenüber und erzeugt den stärksten Kontrast, gut für Handlungsaufforderungen. Die benachbarten Farben liegen daneben und wirken ruhig und zusammengehörig. Die Triade verteilt drei Farben gleichmäßig und ist lebendiger.

Ein Rat aus der Praxis

Weniger ist mehr. Eine dunkle Grundfarbe, ein warmer Akzent, ein heller Hintergrund und zwei Grautöne reichen für fast jedes Projekt. Genau so ist auch diese Seite hier aufgebaut.

Häufige Fragen

Werden meine Farben gespeichert?

Nein, alles läuft in deinem Browser.