Tools · CSS · CSS-Verlauf erstellen

CSS-Verlauf erstellen

Erstelle einen linearen, radialen oder konischen CSS-Verlauf, und kopiere den Code.

Datei hier ablegen oder auswählen.

Läuft komplett im Browser. Es wird nichts hochgeladen.

So funktioniert es

Linear, radial oder konisch wählen, und den Winkel oder die Position einstellen.
Farbstopps hinzufügen oder entfernen (2 bis 8 davon), dann mit den Reglern Position und Deckkraft jedes einzelnen einstellen.
Das generierte CSS kopieren.

Welche Verlaufstypen werden unterstützt?

Linear, radial und konisch, jeweils mit bis zu 8 Farbstopps.

Kann ich das CSS direkt in mein Stylesheet kopieren?

Ja, der Kopieren-Button legt den vollständigen Verlaufs-String in deine Zwischenablage, bereit zum Einfügen.

Werden OKLCH-Farben unterstützt?

Ja, sofern dein Browser die CSS-Funktion oklch() unterstützt - das wird automatisch erkannt und nur angeboten, wenn es wirklich funktioniert.

Wird irgendetwas an einen Server gesendet?

Nein. Hier gibt es überhaupt keine Datei zum Hochladen - der Verlauf wird vollständig in deinem Browser erzeugt und angezeigt.