So erstellst du eine Farbverlauf-Palette
Wähle Start- und Endfarbe, indem du den Code eintippst oder den Farbwähler nutzt, und lege fest, wie viele Töne du dazwischen willst – von 3 bis 12. Die Zwischenfarben werden in einem Farbraum berechnet, der das menschliche Sehen nachbildet (OKLab). So wirken die Abstände zwischen den Tönen gleichmäßig, und in der Mitte entsteht kein schmutziges Grau.
Farbverlauf-Palette oder fließender Verlauf
Dieses Tool liefert dir einzelne Farben mit ihrem Code, die du einzeln einsetzen kannst: in einer Tailwind-Skala, in Diagrammen, in einer Präsentation oder in den Abschnitten einer Website. Brauchst du einen Hintergrund, der sanft von einer Farbe in die andere übergeht, nimm den CSS-Farbverlauf-Generator.
Häufige Fragen
Was ist eine Farbverlauf-Palette?
Eine Reihe von Farben, die nach und nach von einer Farbe in eine andere übergehen. Zum Beispiel von Rosa zu Himmelblau in 7 Schritten. Jede Farbe hat ihren eigenen HEX-Code und lässt sich einzeln verwenden.
Wie viele Farben kann die Palette haben?
Zwischen 3 und 12. Bei wenigen Farben fallen die Sprünge stärker auf; bei vielen ist der Übergang weicher und du hast mehr Töne zur Auswahl.
In welchen Formaten kann ich sie exportieren?
Als CSS-Variablen samt fertigem Verlauf, als Liste von HEX-Codes, als Tailwind-Konfiguration, JSON, SVG oder PNG-Bild. Du kannst sie auch im Paletten-Generator öffnen und dort weiterbearbeiten.
Warum wirken die Zwischentöne nicht grau?
Weil die Mischung in OKLab berechnet wird, einem Farbraum, der auf das menschliche Sehen ausgelegt ist. Eine direkte RGB-Mischung zwischen Gegenfarben wie Rosa und Grün läuft durch matte Töne; in OKLab ist der Übergang klarer und gleichmäßiger.
Kann ich meine Palette teilen?
Ja. Die Adresse der Seite speichert beide Farben und die Anzahl der Töne – du kannst sie einfach kopieren und verschicken.
Was ist der Unterschied zum Farbverlauf-Generator?
Der Farbverlauf-Generator erstellt einen durchgehenden CSS-Hintergrund. Dieses Tool gibt dir die einzelnen Farben, die zwischen zwei Farben liegen, damit du sie einzeln verwenden kannst.
Ist das kostenlos?
Ja, ohne Anmeldung und ohne Limits. Deine Lieblingsverläufe kannst du mit dem Herz speichern; sie bleiben in diesem Browser gespeichert.