Farbpalette für Farbverläufe
Eine Verlaufspalette führt in gleichmäßigen Schritten von der dunkelsten zur hellsten Farbe. Sie ist der direkte Ausgangspunkt für einen CSS-`linear-gradient` oder eine Farbskala in einem Designsystem.
Beispielpalette
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
Hex-Codes zum direkten Kopieren
Eine geordnete Farbskala
Bei einer Verlaufspalette kommt es auf die Reihenfolge der Farben an. Jede Farbe ist eine Stufe zwischen zwei Endpunkten. Das macht die Palette zu einem guten Ausgangspunkt für nummerierte Design-Tokens (100, 200, 300…) und einheitliche Farbskalen.
Direkt in dein CSS übernehmen
Exportiere die Palette als CSS-Variablen oder Tailwind-Konfiguration. Verwende dann die beiden Endfarben für deinen Verlauf und die mittleren Abstufungen für Hintergründe, Rahmen und Zustände. LFColors erzeugt beide Formate mit einem Klick.
Meine Palette erzeugen: farbverlauf
Kostenlos, ohne Anmeldung