CSS-Farbverlauf-Generator
Erstelle lineare, radiale oder konische Verläufe, passe jede Farbe an und kopiere das fertige CSS.
- Sofortige Vorschau
- Ohne Anmeldung
- Kostenlos
Farbverlaufs-Vorschau
linear-gradient(to right, #667EEA 0%, #764BA2 100%)Zwischenfarben
CSS-Farbverläufe erstellen
Wähle Verlaufsart und Richtung und bearbeite anschließend Farben und Positionen. Vorschau und CSS werden sofort aktualisiert. Du kannst die vollständige Regel, nur den Verlauf oder eine CSS-Datei übernehmen.
Ein linearer Verlauf ordnet Farben auf einer Linie an, ein radialer breitet sie von einem Punkt aus und ein konischer dreht sie um ein Zentrum. Alle drei lassen sich direkt vergleichen.
Klicke auf Farbe hinzufügen, bearbeite den HEX-Code und lege eine Position zwischen 0% und 100% fest. Bis zu sechs Farben, das Entfernen von Stopps und vorbereitete Kombinationen werden unterstützt.
Ja. Aktiviere Farbverlauf wiederholen. Die Ausgabe verwendet dann die passende repeating-Funktion. Über die Farbpositionen steuerst du den Abstand des Musters.