CSS-Verlaufsgenerator

Erzeuge einen linearen CSS-Verlauf mit zwei Farben und Vorschau.

Grafik Ohne Speicherung

Maximale Eingabelänge pro Feld: 62 Unicode-Codepunkte. Beachte die Grenzen der Operation in der Anleitung.

Kurzanleitung

Probiere es anschließend mit deinen eigenen Daten aus.

Ein Beispiel zum Ausprobieren

Deine Eingabe

Startfarbe (HEX)
#f00
Zweite Farbe (HEX)
#00f
Winkel (Grad)
90

Dein Ergebnis

linear-gradient(90deg, #FF0000, #0000FF)
Funktionsweise und Grenzen

Gib deckende Hex-Farben und einen CSS-Winkel von 0 bis 360 Grad mit Dezimalpunkt ein. Beispiel: Rot, Blau und 90 ergeben linear-gradient(90deg, #FF0000, #0000FF).

Kopiere das Ergebnis als CSS-background-Wert. Die endgültige Darstellung übernimmt der Browser.