Zum Inhalt springen
Musterli

Streifenverlauf

Senkrechte Streifen mit je eigenem Verlauf, leicht gegeneinander versetzt. 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 Streifenverlauf

Mit einem Preset starten

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

Worum geht’s?

Ein Streifenverlauf teilt einen Farbverlauf in senkrechte Bänder und verschiebt jedes Band ein wenig. Das wirkt wie Licht hinter Riffelglas oder wie Stoff mit Falten und gibt Covern, Plakaten und Websites einen markanten Hintergrund.

So geht’s

Lege deine Farben von oben nach unten fest und wähle dann die Anzahl Streifen, wie stark ihre Breite variiert und wie weit sie versetzt sind. Die Schattierung gibt jedem Streifen Licht und Schatten. Mit der Leertaste würfelst du neue Varianten. Exportiere als PNG, JPG, WebP, SVG oder CSS.

Streifenverlauf jetzt ausprobieren

Häufige Fragen

Was bewirkt der Versatz?
Jeder Streifen läuft durch dieselben Farben, beginnt aber auf einer etwas anderen Höhe. Je grösser der Versatz, desto stärker sind die Streifen gegeneinander verschoben. Bei 0 ergeben sie einen durchgehenden Verlauf.
Wie erreiche ich einen Riffelglas-Look?
Nimm viele schmale Streifen, wenig Versatz und eine kräftige Schattierung. Die Vorlage Riffelglas ist ein guter Startpunkt.
Lässt sich das SVG gut bearbeiten?
Ja. Abgesehen von der optionalen Körnung besteht es nur aus Rechtecken mit linearen Verläufen, ohne Filter. Grafikprogramme wie Figma, Illustrator oder Inkscape öffnen es als bearbeitbare Formen.
Sieht der Export aus wie die Vorschau?
Ja. Vorschau und Export verwenden dieselbe Grafik, und der Versatz wird 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

Passende Generatoren

Alle Generatoren in Verläufe