Kostenloser Online-CSS-Gradient-Generator tool icon
CSS • linear-gradient • radial-gradient

Kostenloser Online-CSS-Gradient-Generator

Bearbeiten Sie lineare/radiale Verläufe visuell und erzeugen Sie kopierbaren background-CSS-Code.

Vorschau
CSS
Farbstopps

So verwenden Sie den CSS-Gradient-Generator

  • Wählen Sie den Verlaufstyp (linear oder radial).
  • Bei linearen Verläufen den Winkel anpassen.
  • Mit „Stopp hinzufügen“ Farbstopps ergänzen; bestehende Stopps bearbeiten/entfernen.
  • Mit „Zufällig“ einen zufälligen Verlauf erzeugen.
  • Das Ergebnis in der Vorschau in Echtzeit ansehen.
  • Mit „Kopieren“ den erzeugten CSS-Code übernehmen.

Tipps

  • Lineare Verläufe wechseln Farben entlang einer geraden Linie.
  • Radiale Verläufe strahlen Farben von einem Mittelpunkt nach außen aus.
  • Alles wird lokal im Browser erzeugt; es werden keine Daten hochgeladen.