Wie entferne ich einen Farbstopp?

Wähle den Stopp aus und drücke Entf oder Rücktaste, oder nutze den Papierkorb-Button. Ein Verlauf behält immer mindestens zwei Stopps.

Funktionieren diese Verläufe in jedem Browser?

Lineare und radiale Verläufe funktionieren in allen aktuellen Browsern. Konische Verläufe funktionieren in Chrome, Edge, Firefox und Safari ab 12.1.

Kann ich Stopps mit der Tastatur verschieben?

Ja. Fokussiere einen Stopp mit Tab und nutze die Pfeiltasten (Umschalt für 10er-Schritte), Pos1 und Ende. Der Winkelregler funktioniert ebenfalls mit den Pfeiltasten.

CSS-Verlaufsgenerator — Linear, radial & konisch

Lineare, radiale und konische CSS-Verläufe mit verschiebbaren Farbstopps, Winkelregler und Presets erstellen. CSS oder Tailwind-Klasse kopieren. Kostenlos.

FarbstoppsKlicken zum Hinzufügen · ziehen zum Verschieben

CSS

background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);

Tailwind

bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

Presets

Formatreferenzen

MDN — CSS gradients
Tailwind CSS — Arbitrary values

Tool-Seite aktualisiert: 2026-10-23

Presets

Anleitung und Beispiel

Ähnliche Tools

Formatreferenzen