Lineare, radiale oder konische CSS-Verläufe mit Live-Vorschau erstellen. Farben und Richtung anpassen, dann CSS kopieren.
Wählen Sie einen Verlaufstyp (linear, radial oder konisch), fügen Sie Farbstopps hinzu, passen Sie deren Positionen an und sehen Sie das Ergebnis live. Das generierte CSS ist bereit zum direkten Einfügen in Ihr Projekt.
Wählen Sie den Verlaufstyp, passen Sie den Winkel an, klicken Sie auf Farbfelder und ziehen Sie Regler. Klicken Sie auf + Farbe hinzufügen für weitere Stopps. Kopieren Sie das CSS aus dem dunklen Codeblock rechts.
Ein konischer Verlauf dreht Farben um einen Mittelpunkt. Nützlich für Tortendiagramme, Farbräder und Zifferblatteffekte – überall dort, wo Farbe kreisförmig statt linear verläuft.
So viele Sie möchten – klicken Sie auf + Farbe hinzufügen für weitere Stopps. Das CSS ist unabhängig von der Anzahl der Stopps gültig.
Dieses Werkzeug läuft vollständig in Ihrem Browser. Nichts, was Sie eingeben oder einfügen, wird an einen Server gesendet — die gesamte Verarbeitung erfolgt lokal auf Ihrem Gerät.