UTILS.
Privat von Anfang an
▤

CSS Gradient Generator

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

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →

Ü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