Zum Inhalt springen

Verlaufsgenerator

Kostenloser Online-CSS-Verlaufsgenerator. Lineare und radiale Verläufe erstellen, Richtung, Farben und Stopps anpassen. Im Browser.

Kostenloser CSS-Gradient-Generator. Lineare, radiale und konische Gradienten visuell gestalten und CSS-Code sofort kopieren. Alles im Browser. Perfekt für Web-Hintergründe, Buttons und UI-Elemente.

Typ
Winkel
90°
Farben
0%
100%
CSS-Code
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Dateien werden nicht an einen Server gesendet

Wie benutzt man Verlaufsgenerator?

  1. Gradienttyp wählen.
  2. Farbstopps hinzufügen und Farben einstellen.
  3. Generierten CSS-Code kopieren.

Häufig gestellte Fragen zu Verlaufsgenerator

Welche Gradienttypen werden unterstützt?

Linear, radial und konisch.

Kann ich den CSS-Code direkt kopieren?

Ja, mit einem Klick den CSS-Code kopieren und direkt verwenden.