Farbverlauf-Generator
Farbverläufe erstellen und sauberes CSS exportieren
Stelle lineare, radiale und konische Farbverläufe mit Live-Vorschauen zusammen und kopiere dann das CSS, greif dir einen Tailwind-Wert oder lade ein SVG herunter.
Typ
Farbstopps
CSS
Zufällige Voreinstellungen
FAQ
Fragen zum Farbverlauf-Generator
Welche Arten von Farbverläufen kann ich erstellen?
Lineare, radiale und konische CSS-Farbverläufe. Füge Farbstopps hinzu, entferne und ordne sie neu, ziehe sie entlang der Spur und passe den Winkel oder die Position mit Live-Steuerelementen an.
Wie exportiere ich den Farbverlauf?
Kopiere den generierten CSS-Hintergrund (linear-gradient, radial-gradient oder conic-gradient), den passenden Tailwind-Arbitrary-Value oder lade ihn als SVG herunter.
Kann ich mit einer extrahierten Palette beginnen?
Ja. Erzeuge eine Palette auf der Seite Paletten-Generator und füge dann die HEX-Codes in die Farbverlaufsstopps ein, um in Sekunden einen passenden Farbverlauf zu erstellen.
Unterstützt es Transparenz?
Jeder Stopp akzeptiert einen Alpha-Wert, sodass du eine Farbe an jeder Stelle entlang des Farbverlaufs zu transparent ausblenden kannst.
Jetzt starten
Deine nächste Palette ist nur ein Bild entfernt
Farben aufnehmen, Paletten extrahieren und Code exportieren — kostenlos, privat und sofort.