CSS-Verlaufsgenerator
Gestalte Verläufe visuell und kopiere das CSS.
Erstelle lineare oder radiale Verläufe mit zwei Farben, einem Winkel und einer Stop-Position. Sieh die Live-Vorschau während der Anpassung und kopiere die fertige CSS-Deklaration.
135°
100%
Startfarbe
Endfarbe
background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);So erstellst du einen Verlauf
- Wähle linear oder radial als Verlaufstyp.
- Wähle deine beiden Farben mit den Farbwählern.
- Passe Winkel und Stop-Position mit den Schiebereglern an.
- Kopiere das erzeugte CSS in dein Stylesheet.
Häufig gestellte Fragen
Was ist der Unterschied zwischen linear und radial?
Ein linearer Verlauf fließt in eine Richtung entlang einer geraden Linie, während ein radialer von einem Mittelpunkt nach außen ausstrahlt.
Kann ich das Ergebnis in Inline-Stilen verwenden?
Ja. Kopiere die background-Deklaration in eine beliebige CSS-Regel oder ein style-Attribut.
Verlassen die Farben meinen Browser?
Nein. Der Generator läuft vollständig auf deinem Gerät, ohne Uploads.