CSS-Farbverlauf-Generator

Erstelle einen linearen CSS-Verlauf, indem du zwei Farben und den Winkel wählst, mit Vorschau und kopierbereitem Code.

Wird auf Ihrem Gerät verarbeitet. Es wird nichts an einen Server gesendet.

Color 1

Color 2

Angle

background: linear-gradient(135deg, #0B6E63, #55BFAF);

Erstelle einen linearen CSS-Gradienten, indem du zwei Farben und den Winkel des Übergangs wählst, mit Live-Vorschau und sofort kopierbarem Code.

Erzeugt die CSS-Funktion linear-gradient() mit den angegebenen Farben und dem Winkel, kompatibel mit allen modernen Browsern.

Anwendungsfälle

1
Zwei Farben wählen
Wähle die Start- und Endfarbe des Gradienten.
2
Winkel einstellen
Lege die Richtung des Gradienten in Grad fest.
3
CSS kopieren
Kopiere die background-Eigenschaft, fertig zum Einfügen in dein Stylesheet.

Werden nur lineare Gradienten erzeugt?

Ja, das MVP konzentriert sich auf linear-gradient(); radiale oder konische Gradienten können später hinzugefügt werden.