Farbverlauf-Generator
Erstellen und Vorschau von CSS-Farbverläufen visuell.
Farbverlaufeinstellungen
Legen Sie den Farbverlaufstyp und die Richtung fest
Farbstopps
Legen Sie Farbverlaufsfarben und -positionen fest
%
%
Voreinstellungen
Probieren Sie vordefinierte Farbverläufe aus
Vorschau
Sehen Sie sich den generierten Farbverlauf an
Generiertes CSS
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Beschreibung des Farbverlaufstyps
Linearer Farbverlauf
Ein Farbverlauf, der die Farbe in einer geraden Linie ändert. Sie können den Winkel anpassen, um die Richtung festzulegen.
Radialer Farbverlauf
Ein Farbverlauf, der die Farbe von einem Mittelpunkt nach außen in einer kreisförmigen oder elliptischen Form ändert.
Konischer Farbverlauf
Ein konischer Farbverlauf, der die Farbe ändert, während er sich um einen Mittelpunkt dreht.