ToolsOnline

Online-CSS-Verlaufsgenerator

CSS für lineare / radiale Verläufe visuell erstellen, mit Live-Vorschau


      

Über diesen CSS-Verlaufsgenerator

CSS-Verläufe visuell über Farbstops erstellen: linear-gradient und radial-gradient werden unterstützt, und lineare Verläufe akzeptieren jeden Winkel von 0 bis 360 Grad. Jeder Stop kombiniert einen Farbwähler mit einer Positionsangabe in Prozent; Stops lassen sich frei hinzufügen oder entfernen (2–5), die Positionen bleiben automatisch aufgeräumt.

Jede Änderung erscheint sofort in der Vorschau, und der passende Standard-CSS (z. B. background: linear-gradient(135deg, #6ea8fe 0%, #00e589 100%);) wird darunter erzeugt — bereit zum Kopieren ins Stylesheet. Verläufe werden vollständig im Browser berechnet, ganz ohne Netzwerk.