Typ wählen
Linearen Verlauf oder radialen Verlauf vom Zentrum wählen.
FREE CSS GRADIENT GENERATOR
Kostenloser CSS-Verlaufsgenerator
Wähle Farben und Positionen und erzeuge sofort linear-gradient- oder radial-gradient-CSS.
Eingaben und Ergebnisse werden nicht gesendet oder gespeichert.
- 1Typ und Farben
- 2Vorschau prüfen
- 3CSS kopieren
1 · Typ und Farben
Verlauf einstellen
2 · Vorschau prüfen
Ergebnis
Verlaufsvorschau
Verwendet deckende sRGB-HEX-Farben und Prozentstopps. Das Ergebnis ist CSS, keine Bilddatei.
Kostenloser CSS-Hintergrund-Leitfaden
Sanfte Hintergründe mit Farbstopps
Lineare und radiale Verläufe kostenlos ohne Konto oder Installation erstellen.Farben einstellen
Zwei bis fünf Farben und Positionen von 0% bis 100% festlegen.
CSS kopieren
Vorschau prüfen und background-Deklaration einfügen.
CSS-Verläufe verstehen
Der Browser mischt die Farbstopps
CSS zeichnet skalierbare Übergänge ohne Bilddatei.
Linear
Der Winkel bestimmt die Farbrichtung.
Radial
Kreis oder Ellipse breitet sich vom Zentrum aus.
Eine CSS-Zeile
Die background-Deklaration in Styles einfügen.
FREE CSS GRADIENT GENERATOR FAQ
Häufige Fragen zum CSS-Verlauf
Kostenlose Nutzung, Farben und Ausgabe.1Ist der Generator kostenlos?
Ja. Kostenlos, ohne Konto und ohne Nutzungslimit.
2Wie viele Farben sind möglich?
Zwischen zwei und fünf Farbstopps.
3Sind lineare und radiale Verläufe möglich?
Ja. Lineare Winkel und zentrierte Kreise oder Ellipsen.
4Kann ich ein Bild herunterladen?
Diese Version erzeugt responsiven CSS-Code statt einer Bilddatei.