CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Anleitung
Farben wählen

Farbverlaufsfarben festlegen
Richtung festlegen

Farbverlaufsrichtung und -typ konfigurieren
Kopieren

CSS-Code zur Verwendung kopieren
Funktionen
Visueller Editor
Farbpositionen per Drag-and-Drop anpassen
Mehrere Typen
Unterstützt lineare, radiale und konische Farbverläufe
Voreinstellungen
Schöne voreingestellte Farbverläufe verfügbar
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.
CSS Border-Radius-Generator
CSS border-radius mit individueller Eckensteuerung generieren. Mit elliptischen Radius-Optionen und beliebten Formvorlagen.