Was ist Verlauf zu CSS?
Ein visueller Gradientenersteller, mit dem du lineare, radiale und konische Verläufe mit mehreren Farbstopps gestalten und den CSS-Code kopieren kannst. Passe Winkel, Positionen und Farben mit einer Live-Vorschau an.
Anleitung
- Wählen Sie einen Verlaufstyp (linear, radial oder konisch) und legen Sie die Richtung oder den Winkel fest.
- Fügen Sie Farbstopps hinzu, entfernen oder passen Sie sie an, indem Sie auf die Verlaufsleiste klicken oder die Farbauswahl nutzen.
- Kopieren Sie den generierten CSS-Code zur direkten Verwendung in Ihrem Stylesheet.
Ergebnis
Probiere einen Sonnenuntergangs-Verlauf: linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%) — ideal als Hintergrund für einen Hero-Bereich.
Ähnliche Tools
Mesh-Gradient-Generator
Ansprechende Mesh-Gradient-Hintergründe erstellen
Farbcode-Konverter
HEX-, RGB-, HSL- und CMYK-Farbcodes umwandeln
Farb-Konverter
HEX-, RGB-, HSL-, HSV- und CMYK-Codes umwandeln
Farbmischer
Zwei Farben visuell mischen
Farbnamen-Finder
Den nächsten benannten Farbton für jeden Wert finden
Komplementärfarben-Finder
Komplementärfarben für beliebige Eingaben finden