Zum Inhalt springen
AllesWiki

Technik & Internet · Generator

CSS-Verlauf-Generator

Farbverläufe erstellen und den passenden CSS-Code kopieren – linear oder radial, mit Live-Vorschau. Für Web-Design und Layouts.

Stelle Farben, Typ und Winkel ein – der CSS-Code aktualisiert sich automatisch.

Stelle zwei Farben, Richtung und Typ (linear oder radial) ein und erhalte sofort den fertigen CSS-Code mit Live-Vorschau. Kopiere den background-Wert direkt in dein Stylesheet.

Häufige Fragen

Linear oder radial?
Linear verläuft entlang einer Achse (z. B. von oben nach unten), radial vom Mittelpunkt nach außen. Beides wird hier unterstützt.
Funktioniert das in allen Browsern?
Ja, linear-gradient und radial-gradient sind seit Jahren Standard und werden von allen modernen Browsern unterstützt.

Passende Rechner