DCPIXEL
Alle Tools

CSS-Verlaufsgenerator

Gestalte einen linearen oder radialen Verlauf visuell und kopiere den einsatzbereiten CSS-Code. Sofort, bis zu 6 Farbstopps.

Noch 3 kostenlose Versuche für dieses Tool heuteKostenlose 3-Tage-Testphase starten →

Typ

Winkel135°

Farbstopps

0%
100%

CSS-Code

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Wähle Farben, ziehe Stopps, und passe den Winkel an, um genau den Verlauf zu erstellen, den du brauchst – der CSS-`background`-Code wird live aktualisiert und ist bereit, in dein Projekt eingefügt zu werden. Auch als PNG-Bild exportierbar.

Häufig gestellte Fragen

Kann ich mehr als zwei Farben verwenden?
Ja, bis zu 6 Farbstopps. Füge einen Stopp hinzu, wähle seine Farbe, und ziehe seine Position entlang des Verlaufs.
Funktioniert der CSS-Code in allen Browsern?
Ja. Lineare und radiale Verläufe mit dieser Syntax werden in allen modernen Browsern unterstützt.
Kann ich den Verlauf als Bild statt als CSS exportieren?
Ja. Die Download-Schaltfläche exportiert ein 1200×630px-PNG des aktuellen Verlaufs – eine gängige Größe für Social-Media-Banner und Blog-Cover.

Weitere Tools werden gerade übersetzt — im vollständigen englischen Katalog findest du alle anderen.

Alle Tools →