Farbpaletten-Generator
Starten Sie mit einer Lieblingsfarbe oder lassen Sie sich vom Zufall überraschen, und behalten Sie die Töne, die passen.
Auf diesem Gerät versiegelt
Läuft in Ihrem Browser. Nichts wird hochgeladen.
Versiegelt
Ihre Palette
Einstellungen
Baut die Palette um die Grundfarbe herum auf. Fixierte Farben bleiben erhalten.
Export
So funktioniert es
-
Grundfarbe wählen oder Zufall
Geben Sie eine Grundfarbe ein und wählen Sie eine Harmonie, oder klicken Sie auf „Neue Palette“ (oder drücken Sie die Leertaste) für eine frische Palette.
-
Lieblingsfarben fixieren
Fixieren Sie die Farben, die Sie behalten möchten, und erzeugen Sie erneut: Nur die nicht fixierten ändern sich. Klicken Sie auf ein Farbfeld, um es von Hand anzupassen.
-
Palette exportieren
Kopieren Sie sie als CSS-Variablen oder JSON für Ihren Code, oder laden Sie ein PNG herunter, um es mit Ihrem Team zu teilen.
Häufige Fragen
Was bedeuten die Harmonien?
Sie stammen vom Farbkreis. Analoge Farben liegen nebeneinander und wirken ruhig. Komplementärfarben liegen gegenüber und erzeugen Kontrast. Geteilt komplementär, Triade und Quadrat verteilen die Farben gleichmäßig über den Kreis und ergeben lebhaftere Paletten. Monochrom verwendet hellere und dunklere Varianten eines Farbtons.
Wie funktioniert das Fixieren?
Wählen Sie das Schloss unter einer Farbe, um sie zu behalten. Wenn Sie eine neue Palette erzeugen, bleiben fixierte Farben genau an ihrem Platz, und die neuen Farben werden passend dazu gewählt.
Warum wirken die Farben so ausgewogen?
Die Paletten werden in OKLCH erstellt, einem Farbraum, der sich am menschlichen Sehen orientiert. Wird dort der Farbton gedreht, bleiben Helligkeit und Buntheit gleich, sodass keine Farbe neben den anderen unerwartet grell oder blass wirkt.
Wie verwende ich die Palette in meinem Projekt?
Kopieren Sie den CSS-Export und fügen Sie ihn in Ihr Stylesheet ein: Sie erhalten Variablen wie --color-1, die Sie überall verwenden können. Der JSON-Export listet jede Farbe in HEX, RGB und OKLCH für Design-Tokens oder Skripte auf.
Darf ich die Paletten kommerziell nutzen?
Ja. Farben gehören niemandem, und die Paletten, die Sie hier erstellen, können Sie frei verwenden, privat wie kommerziell.