UTILS.
100 % im Browser

CSS Gradient Generator

Erstelle einen linearen oder radialen Verlauf mit Live-Vorschau und kopiere das CSS.

Über dieses Tool

Erstelle einen zweifarbigen linearen oder radialen Verlauf, indem du Farben, Positionen und einen Winkel wählst, und kopiere dann die background-Regel. Die Live-Vorschau läuft vollständig in deinem Browser.

Häufig gestellte Fragen

Was ist der Winkel bei einem linearen Verlauf?
Der Winkel legt die Richtung des Farbübergangs fest: 0° zeigt nach oben, 90° nach rechts, 180° nach unten und so weiter.
Wann sollte ich radial statt linear verwenden?
Verwende radial, um Farben von einem Mittelpunkt aus nach außen abstrahlen zu lassen (wie ein Scheinwerfer); linear mischt sie entlang einer geraden Linie.

Weitere Tools