So funktioniert es
- 1
Typ
Linear oder radial wählen.
- 2
Farben & Winkel
Start- und Endfarbe, Grad für linear.
- 3
CSS kopieren
background-Eigenschaft übernehmen.
Wofür ist dieses Tool nützlich?
- Hero-Bereiche
- Buttons
- Hintergründe
- Landingpages
- Themes
Häufige Fragen
- Ist das Tool kostenlos?
- Ja. Kostenlos und ohne Registrierung.
- Mehr als 2 Farben?
- Tool fokussiert auf zwei Farben — für komplexe Verläufe manuell erweitern.
- Browser-Support?
- linear/radial-gradient sind in modernen Browsern weit verbreitet.
- Werden Daten gespeichert?
- Nein.
- Farben umrechnen?
- Farbkonverter HEX RGB HSL nutzen.
Vorteile, Formate und Datenschutz
Vorteile
- Kostenlos
- Ohne Registrierung
- Direkt im Browser
- Live-Vorschau
- CSS kopieren
Unterstützte Formate
CSS
Datenschutz
Deine Einstellungen werden nur in deinem Browser verarbeitet und nicht gespeichert.
Passende Tools
- Farbkonverter HEX RGB HSLHEX, RGB und HSL umrechnen — Vorschau, kopieren, nur im Browser.
- Box Shadow GeneratorCSS box-shadow erzeugen — Offset, Blur, Farbe, Vorschau, nur im Browser.
- CSS Clamp GeneratorCSS clamp(min, preferred, max) — fluide Werte, Vorschau, nur im Browser.
- QR Code Farbe ändernFarbiger QR-Code — Vorder- und Hintergrund frei wählen, URL/Text, PNG-Download; lokal im Browser.
- Open-Graph-Generatorog:- und Twitter-Meta-Tags mit Social-Karten-Vorschau — HTML kopieren, nur im Browser.