CSS-Farbverlauf-Generator

Erstellen Sie einen linearen CSS-Verlauf, indem Sie zwei Farben und den Winkel wählen, mit Live-Vorschau und kopierbereitem Code.

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

Farbe 1

Farbe 2

Winkel

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

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
Legen Sie Start- und Endfarbe des Verlaufs fest.
2
Winkel einstellen
Bestimmen Sie die Richtung in Grad.
3
CSS kopieren
Kopieren Sie die fertige background-Eigenschaft in Ihr Stylesheet.

Der Winkel folgt der CSS-Konvention: 0° verläuft von unten nach oben, 90° von links nach rechts und 180° von oben nach unten.
In den Farbfeldern ist jede CSS-Farbe erlaubt: HEX, rgb(), rgba() mit Transparenz, hsl() oder Namen wie „tomato“.
Der Code wird als vollständige background-Eigenschaft geliefert. Ist eine Farbe ungültig, bleibt die Vorschau leer: Prüfen Sie dann dieses Feld.

Werden nur lineare Verläufe erzeugt?

Ja, das Tool erzeugt linear-gradient(); radiale oder konische Verläufe sind nicht enthalten.