vextil
Zurück zu Farb-Tools

Farbverlauf-Generator

Erstelle wunderschöne CSS-Farbverläufe mit unserem Generator. Wähle Farben, Richtung und Typ – und kopiere den fertigen CSS-Code direkt in dein Projekt.

Farbeinstellungen
Wähle zwei Farben für deinen Verlauf
Vorschau
Farbschritte
Code
background: linear-gradient(to right, #667eea, #764ba2);
bg-gradient-right from-[#667eea] to-[#764ba2]
So funktioniert's
  1. 1Wählen Sie Startfarbe und Endfarbe
  2. 2Wählen Sie Anzahl der Zwischenschritte
  3. 3Kopieren Sie CSS-Code oder einzelne Farben
Funktionen
  • Farbverläufe

    Erstellt sanfte Übergänge zwischen zwei oder mehr Farben.

  • CSS-Code

    Generiert fertigen CSS linear-gradient Code.

  • Mehrere Stops

    Fügen Sie beliebig viele Farbstopps hinzu.

  • Richtung

    Wählen Sie Gradient-Richtung (horizontal, vertikal, diagonal).

Häufige Fragen

Wie viele Farben kann ein Gradient haben?

Beliebig viele. Sie können so viele Farbstopps hinzufügen wie Sie möchten.

Kann ich radiale Gradienten erstellen?

Aktuell nur lineare Gradienten. Radiale Gradienten kommen in einer zukünftigen Version.

Funktioniert der CSS-Code in allen Browsern?

Ja, der generierte Code verwendet die Standard linear-gradient Syntax, die in allen modernen Browsern funktioniert.

Ähnliche Tools

Farbmischer

Mische zwei Farben zusammen

Farbpaletten Generator

Erstelle harmonische Farbpaletten

Farbkonverter

Konvertiere zwischen Farbformaten

Farbkontrast Prüfer

Prüfe WCAG-Kontrastverhältnisse

Hinweis: Die gesamte Verarbeitung erfolgt in deinem Browser. Deine Dateien werden nicht auf einen Server hochgeladen.