Zum Inhalt springen
Musterli

Verschwommener Verlauf

Verträumte Hintergründe aus grossen, stark weichgezeichneten Farbkreisen. Als PNG, JPG, WebP, SVG oder CSS exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Verschwommener Verlauf

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

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.

So geht’s

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

Häufige Fragen

Bleibt Text darauf gut lesbar?
Ja, mit genügend Kontrast. Helle Kreise auf hellem Grund oder dunkle auf dunklem Grund halten die Fläche ruhig. Senke die Deckkraft, wenn die Farben mit deinem Text konkurrieren.
Verwendet das SVG Filter?
Nein. Jeder weichgezeichnete Kreis ist ein radialer Verlauf, dessen Transparenz genau der Form eines unscharfen Kreises folgt. Darum sieht das SVG in jedem Browser und Grafikprogramm gleich aus und ist in jeder Grösse schnell gezeichnet.
Was bewirkt die Streuung?
Sie verschiebt jeden Kreis um einen zufälligen Betrag von seinem Ankerpunkt zur Bildmitte hin. Bei 0 liegen die Kreise genau in den Ecken oder in der Mitte.
Sieht der Export aus wie die Vorschau?
Ja. Vorschau und Export verwenden dieselbe Grafik, und die Positionen werden aus dem Seed berechnet. Gleiche Einstellungen und gleicher Seed ergeben immer dasselbe Bild.

Fertige Farbverläufe

Über 30 eigene Verläufe mit CSS-Code zum Kopieren, jeder direkt im Editor anpassbar.

Zur Verlaufssammlung
Alle Generatoren in Verläufe