CSS-Verlauf
Lineare, radiale und konische Verläufe mit sanften Übergängen in OKLCH. Als CSS, SVG oder Bild exportieren.
Im Editor öffnenVerträumte Hintergründe aus grossen, stark weichgezeichneten Farbkreisen. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Generator öffnenLäuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.
Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.
Ein verschwommener Verlauf ist ein Hintergrund aus wenigen grossen Farbkreisen, die so stark weichgezeichnet sind, dass nur noch weiche Farbwolken bleiben. Er eignet sich hinter Text, als Website-Header, in Präsentationen und als Wallpaper.
Wähle zwei bis fünf Kreise und ob sie in den Ecken oder um die Mitte liegen. Stelle dann Grösse, Streuung, Deckkraft und Unschärfe ein. Mit der Leertaste würfelst du eine neue Variante. Füge bei Bedarf Körnung hinzu und exportiere als PNG, JPG, WebP, SVG oder CSS.
Verschwommener Verlauf jetzt ausprobierenÜber 30 eigene Verläufe mit CSS-Code zum Kopieren, jeder direkt im Editor anpassbar.
Zur VerlaufssammlungLineare, radiale und konische Verläufe mit sanften Übergängen in OKLCH. Als CSS, SVG oder Bild exportieren.
Im Editor öffnenWeiche, fliessende Farbverläufe aus mehreren unscharfen Farbflächen. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnenSenkrechte Streifen mit je eigenem Verlauf, leicht gegeneinander versetzt. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnenÜber 30 Muster aus reinem CSS: Punkte, Raster, Streifen, Wellen und Geometrie. Als CSS, Tailwind, SVG oder Bild exportieren.
Im Editor öffnenOrganische Formen per Klick, mit Farbe, Kontur oder Verlauf. Als SVG oder Bild exportieren.
Im Editor öffnenGeschichtete Wellen für Abschnitte, Header und Hintergründe. Als SVG, CSS oder Bild exportieren.
Im Editor öffnen