CSS-Verlauf-Generator

Erstelle lineare und radiale Verläufe mit mehreren Farben und kopiere das fertige CSS.

Baue deinen Verlauf.

Typ Winkel 135°

Verfügbar auf:

CSS-Verlauf-Generator: wofür es gut ist

Der Generator erstellt Verläufe mit beliebig vielen Farben, linear (mit Winkel) oder radial. Die Vorschau ändert sich sofort und der CSS-Code ist fertig zum Kopieren.

Du kannst den Verlauf auch als PNG-Bild mit 1920×1080 herunterladen, um ihn als Hintergrund zu nutzen.

So geht’s

Wähle Typ und Winkel.
Passe Farben und Positionen an.
Kopiere das CSS oder lade das PNG herunter.

Wann nutzen

Hintergründe von Websites und Buttons.
Hintergrundbilder und Folienhintergründe.
Farbkombinationen testen.

Häufige Fragen

Funktioniert es in allen Browsern?

Ja. Das erzeugte CSS nutzt linear-gradient und radial-gradient, die alle aktuellen Browser unterstützen.

Kann ich es als Bild herunterladen?

Ja. Der Button PNG herunterladen erzeugt ein Bild mit 1920×1080 mit dem Verlauf, gut als Hintergrundbild oder Folienhintergrund.

Ist das wirklich kostenlos?

Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.