chevron_right

Verlaufsgenerator

CSS-Verläufe visuell mit Live-Vorschau erstellen.

Typ

LinearRadialConic

Winkel: 135°

Farbstopps

100%

Voreinstellungen

Generiertes CSS

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Ahnliche Tools

Box-Schatten-Generator

CSS-Schatten visuell erstellen mit Live-Vorschau.

CSS-Grid-Generator

Erstellen Sie responsive CSS-Grid-Layouts mit Live-Vorschau und kopierbarem Code.

CSS-Keyframes-Generator

Erstelle benutzerdefinierte CSS-Keyframes visuell mit Live-Vorschau und kopierfertigem Code.

Textschatten-Generator

CSS-text-shadow-Effekte mit Live-Vorschau erstellen.

Audio-Trimmer

Audiodateien auf eine bestimmte Start- und Endzeit zuschneiden, den ausgewählten Bereich vorhören und als WAV herunterladen.

SVG-Stern-Generator

Erzeuge anpassbare SVG-Sterne mit beliebiger Zackenzahl, einstellbarer Schärfe, Farbe, Verlauf und optionaler Kontur.

Base64 zu Bild

Base64-Zeichenketten in Bilddateien dekodieren.

apps

Mehr Tools

Durchsuchen Sie unsere vollstandige Sammlung kostenloser Online-Tools.

Verläufe visuell bauen, bevor Sie sie im Code feinjustieren

Verläufe werden schnell komplex, sobald Winkel, Typ und mehrere Farbstopps zusammenspielen. Mit diesem Generator können Sie diese Entscheidungen zuerst visuell treffen und danach sauberes CSS übernehmen.

Wann das besonders hilft

Das Tool eignet sich gut für Hero-Bereiche, Buttons, Overlays und dezente Markenflächen. Testen Sie den erzeugten Verlauf anschließend mit echtem Text und echten UI-Elementen, damit Kontrast- oder Banding-Probleme früh auffallen.