CSS-Verlauf-Generator

Einfachen linearen Verlauf erstellen und CSS kopieren.

Eingabe

Ausgabe

Wann nutzen CSS-Verlauf-Generator

Hintergrundfarben schnell testen
Verlaufs-CSS für Prototypen kopieren
Richtung und Farbstops erkunden

Beispiel

Eingabe

#38bdf8, #818cf8, 135

Ausgabe

background: linear-gradient(135deg, #38bdf8, #818cf8);

Vorteile

Kostenlos im Browser
Keine Installation oder Anmeldung
Sofortige Ergebnisse auf Ihrem Gerät
Winkel und Farben anpassen, dann die generierte background-Regel kopieren.

Verwandte Tools