SVG-Gradient-Generator

Lineare oder radiale SVG-Verläufe mit mehreren Stufen—vektorreife Hintergründe in Sekunden herunterladen.

Werkstatt

Verlaufstyp:

Winkel: °

Breite: px

Höhe: px

Tipp: Breite und Höhe können Sie auch jederzeit im heruntergeladenen SVG-Code anpassen.

%

%

Verlaufs-Voreinstellungen (Klick zum Anwenden):

Ergebnis

Weitere nützliche Tools

Erstellen Sie SVG-Verläufe für Web und Design: lineare oder radiale Verläufe mit mehreren Farbstopps, Winkel und Abmessungen.

Die Verarbeitung erfolgt vollständig in Ihrem Browser; es werden keine Dateien hochgeladen.

Anleitung gesucht? Lesen Sie unser Tutorial: SVG-Verlaufshintergründe erstellen

So geht’s

Wählen Sie einen linearen oder radialen Verlauf.
Im linearen Modus die Richtung über den Winkel anpassen.
Farbstopps hinzufügen oder entfernen.
Den Offset jedes Stopps in Prozent einstellen.
Ausgabebreite und -höhe festlegen.
Die generierte SVG-Datei herunterladen.

Hinweise:

SVG ist vektorbasiert und skaliert ohne Qualitätsverlust.
Die heruntergeladene SVG-Datei kann in Webseiten und Designprogrammen genutzt werden.
Es werden mindestens zwei Farbstopps benötigt.
Maximale Ausgabegröße: 5000px × 5000px.