CSS-Farbverlauf-Generator
Lineare, radiale und konische Verläufe – mit weicher OKLCH-Interpolation.
Läuft komplett in deinem Browser. Nichts wird irgendwohin gesendet.
So funktioniert es
- 1Füge deinen Text ein oder tippe ihn.
- 2Wähle die gewünschten Optionen.
- 3Kopiere das Ergebnis oder lade es herunter.
Über dieses Tool
CSS-Farbverlauf-Generator: Lineare, radiale und konische Verläufe – mit weicher OKLCH-Interpolation. Füge deinen Text ein und das Ergebnis erscheint sofort, bereit zum Kopieren oder Herunterladen. Alles passiert lokal im Browser — nichts wird hochgeladen oder gespeichert.
Beispiel
Eingabe
#ff7e5f #feb47b 60% #86a8e7
Ausgabe
background: linear-gradient(135deg, #ff7e5f, #feb47b 60%, #86a8e7);
Wie benutze ich CSS-Farbverlauf-Generator?
Füge deinen Text ein oder tippe ihn. Wähle die gewünschten Optionen. Kopiere das Ergebnis oder lade es herunter.
Ist CSS-Farbverlauf-Generator kostenlos?
Ja. Komplett kostenlos, ohne Anmeldung, ohne Nutzungslimit und ohne Wasserzeichen.
Werden meine Daten an einen Server gesendet?
Nein. Alles wird lokal in deinem Browser berechnet. Nichts, was du eingibst, wird hochgeladen, protokolliert oder gespeichert.
Funktioniert es auf dem Handy?
Ja. Es läuft in jedem modernen Browser auf Android, iPhone, iPad, Windows, Mac und Linux — ohne App.