CSS-Gradient-Generator

Erstelle lineare oder radiale Farbverläufe mit bis zu 4 Farben und kopiere den einsatzbereiten CSS-Code.

🔒 100 % privat ⚡ Kein Datei-Upload 🆓 Kostenlos und ohne Limits

So erstellst du online einen CSS-Farbverlauf

1

Wähle den Farbverlaufstyp

Wähle linear oder radial, je nach dem Effekt, den du erreichen möchtest.

2

Farben hinzufügen und anpassen

Füge bis zu 4 Farben hinzu, ändere ihre Reihenfolge und passe den Winkel oder die Position des Farbverlaufs an.

3

CSS-Code kopieren

Klicke auf die Schaltfläche zum Kopieren und füge den Code direkt in dein Stylesheet ein.

Häufig gestellte Fragen zum Farbverlauf-Generator

Farbverläufe sind eine einfache Möglichkeit, jedem Webdesign Tiefe und Stil zu verleihen. Dieses Tool generiert den genauen CSS-Code, den du benötigst – ohne dass du ihn von Hand schreiben musst.

Welche Arten von Farbverläufen kann ich erstellen?

+

Du kannst lineare Farbverläufe (in jedem beliebigen Winkel) und radiale Farbverläufe erstellen.

Wie viele Farben kann ich verwenden?

+

Du kannst zwischen 2 und 4 Farben im gleichen Farbverlauf kombinieren.

Funktioniert der Code in allen Browsern?

+

Ja, es wird mit der Standard-CSS-Syntax generiert, die mit allen modernen Browsern kompatibel ist.

Muss ich ein Programm installieren?

+

Nein, es ist keine Installation erforderlich. Es funktioniert direkt im Browser.

Ist es kostenlos?

+

Ja, dieses Tool ist völlig kostenlos.

Kann ich den Farbverlauf als Hintergrundbild verwenden?

+

Der generierte Code ist reines CSS; wenn du ein Bild benötigst, kannst du einen Screenshot der Vorschau machen.

Erkunde Farben nach Familie

Über 469 benannte Farben mit ihren HEX-, RGB-, HSL- und CMYK-Codes, organisiert in 12 Farbfamilien.

Rot 50 Orange 45 Brauntöne 40 Gelbtöne 40 Grüntöne 55 Türkise 35 Blautöne 55 Violette 45 Rosa 45 Grautöne 35 Weißtöne 15 Schwarz 9 Pastelltöne 36