Vorgaben
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
Was es tut
Baue lineare, radiale und konische CSS-Gradients mit mehreren Farb-Stops und Positionen. Passe den Winkel an, füge Stops hinzu oder entferne sie, und greif dir copy-fertiges CSS — mit Live-Vorschau. 100 % clientseitig.
So verwendest du es
- Wähle einen Typ (linear / radial / konisch) und, wo relevant, einen Winkel.
- Füge Farb-Stops hinzu; setze für jeden Stop Farbe und Position.
- Kopiere das CSS.
Beispiele
Linear 90°, #6366f1 → #ec4899 →
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);Gut zu wissen
- Privat: die gesamte Generierung läuft lokal.
- Stops werden automatisch nach Position sortiert.
- Verwandte Tools: Color Picker, Palette Generator.