🌈 CSS-Gradient Generator

Bearbeiten Sie linear / radial / conic Gradienten visuell. Fügen Sie Farbstopps frei hinzu und entfernen Sie sie, und kopieren Sie den CSS-Code.

100% Free No signup Browser-only 5 languages Dark mode

🔒 Über Datenschutz

・Die gesamte Verarbeitung erfolgt im Browser
・Eingabedaten werden unter keinen Umständen an den Server gesendet
・Keine Speicherlogs · Verlauf · Datenbank etc.
・Keine Registrierung, Anmeldung oder Abrechnung erforderlich

Typ

Winkel (90deg)

Farbstopp

Voreinstellung

CSS

📖 Wie man es benutzt

1

Choose a type

Pick linear, radial or conic. The angle and shape inputs change accordingly.
2

Edit color stops

Pick colors and adjust positions. Add or remove stops as needed.
3

Copy the CSS

Copy the generated CSS to clipboard and paste it into your background property.

❓ Häufig gestellte Fragen

Is my data sent to your server?

No. Everything runs in your browser. You can verify in the Network tab.

What is the browser support?

linear and radial work in all modern browsers. conic-gradient is supported in Chrome 69+, Firefox 83+, Safari 12.1+.

How many color stops can I add?

There is no hard limit. In practice, 2 to 10 stops is common.

🔗 Verwandte Tools

🐛 Sind Sie auf ein Problem mit diesem Tool gestoßen?

Vollständig kostenlos und ohne Registrierung. Auch Reproduktionsschritte sind ausreichend. Eingegangene Berichte werden direkt an die Betreiber weitergeleitet und dienen als Referenz für Korrektionen.