CSS-Verlauf
Lineare, radiale und konische Verläufe mit sanften Übergängen in OKLCH. Als CSS, SVG oder Bild exportieren.
Im Editor öffnenVerläufe
Holografie-Verlauf (Holographic Gradient)
Schillernde Folien-Hintergründe mit wandernden Regenbogenbändern, Falten und Glanz. Als PNG, JPG, WebP, SVG oder GIF exportieren.
Generator öffnenLäuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.
Mit einem Preset starten
Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.
Worum geht’s?
Ein Holografie-Verlauf ahmt schillernde Folie nach: Regenbogenbänder, die sich biegen und dort die Farbe wechseln, wo sie sich kreuzen, wie bei einem Hologramm-Sticker oder einer Seifenblase. Der Look ist ein beliebter Trend für Albumcover, Verpackungen, Y2K-Designs und Social Posts.
Wofür du es brauchst
Cover und Verpackungen
Holografische Folie ist ein Klassiker für Albumcover, Kosmetik und limitierte Editionen. Hier bekommst du den Look als flaches Bild, ganz ohne Spezialdruck.
Y2K und Trend-Posts
Schillernde Hintergründe geben Social Posts, Stories und Event-Grafiken den glänzenden Y2K-Look, der im Feed auffällt.
Hero-Bereiche von Websites
Als SVG bleibt die Folie in jeder Breite scharf und lädt schnell. Dunkler Text auf heller Folie gibt guten Kontrast.
So geht’s
Wähle deine Folienfarben und lege dann Richtung und Anzahl Wiederholungen fest. Ring-Ebenen fügen gebogene Bänder hinzu, die die geraden kreuzen. Falten und Glanz bringen Licht, Körnung wirkt wie gedruckt. Mit der Leertaste würfelst du neue Varianten. Exportiere als PNG, JPG, WebP, SVG oder animiertes GIF.
Holografie-Verlauf jetzt ausprobierenTipps
- Helle, kräftige Farben wirken am ehesten wie echte Folie. Dunkle Farben ergeben eher einen Ölfilm.
- Mehr Wiederholungen geben schmale Bänder wie bei einem Hologramm-Sticker, weniger Wiederholungen weiche, breite Farbflächen.
- Der GIF-Export mit neuen Zufallswerten lässt die Folie schimmern, als würdest du sie kippen.
Häufige Fragen
- Ist das ein echtes Hologramm?
- Nein. Es ist ein flaches Bild, das den Look holografischer Folie mit Verläufen und Mischmodi nachahmt. Für echte Folie brauchst du einen Spezialdruck; als Druckvorlage oder für Bildschirme eignet sich das Bild gut.
- Warum nutzt das SVG keine Filter?
- Der Look besteht nur aus Verläufen und Mischmodi. So bleibt das SVG klein, sieht in jeder Grösse gleich aus und vermeidet Unterschiede zwischen Browsern.
- Kann ich die Folie animieren?
- Ja. Exportiere ein GIF mit neuen Zufallswerten oder Farbwechsel, dann bewegen sich die Bänder wie Folie im Licht.
- Sieht der Export aus wie die Vorschau?
- Ja. Vorschau und Export verwenden dieselbe Grafik, berechnet aus dem Zufallswert. Gleiche Einstellungen und gleicher Zufallswert ergeben immer dasselbe Ergebnis.
Fertige Farbverläufe
Über 30 eigene Verläufe mit CSS-Code zum Kopieren, jeder direkt im Editor anpassbar.
Zur VerlaufssammlungPassende Generatoren
Alle Generatoren in Verläufe
Mesh-Verlauf
Weiche, fliessende Farbverläufe aus mehreren unscharfen Farbflächen. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnen
Verschwommener Verlauf
Verträumte Hintergründe aus grossen, stark weichgezeichneten Farbkreisen. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnen
Streifenverlauf
Senkrechte Streifen mit je eigenem Verlauf, leicht gegeneinander versetzt. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnen
Shader-Farbverlauf
Fliessende, seidige und körnige Verläufe aus einem Shader auf der Grafikkarte. Mit Domain Warping, Bayer-Dithering, Körnung und Vignette. PNG, JPG und WebP bis 8K, dazu nahtlose GIF-Schleifen.
Im Editor öffnen
Glitch-Hintergrund
Zerrissene, verschobene Streifen mit RGB-Versatz, Farbblöcken und Scanlines, wie ein gestörtes Videosignal. Als PNG, JPG, WebP, SVG oder GIF exportieren.
Im Editor öffnen