Design-Tool
CSS-Gradient-Generator
Erstellen Sie visuell schöne CSS-Gradienten. Wählen Sie Farben, passen Sie den Winkel an, wählen Sie linear oder radial und kopieren Sie das generierte CSS. Enthält Gradient-Vorlagen für schnelle Inspiration.
100% kostenlos — kein Konto erforderlich
background: linear-gradient(135deg, #6366f1, #ec4899);Voreinstellungen
Beeindruckende Gradienten in Sekunden
Visueller Gradient-Builder mit Live-Vorschau
Linear & Radial
Wechseln Sie zwischen linearen und radialen Gradient-Typen mit einstellbarem Winkel.
6 Gradient-Vorlagen
Starten Sie mit schönen Vorlagen wie Sunset, Ocean, Forest, Lavender, Cherry und Midnight.
Zufällig
Generieren Sie zufällige Gradient-Kombinationen zur Inspiration.
CSS kopieren
Ein-Klick-Kopie der generierten CSS-Background-Eigenschaft.
Häufig gestellte Fragen
Design-Tools
Erstellen Sie markenkonforme Visuals
Verwenden Sie individuelle Gradienten in Ihren Social-Media-Grafiken mit AdaptlyPost.