Hero-Hintergründe

Verläufe, Shader und generative Motive für den grossen ersten Eindruck oben auf deiner Website. Mit «Im Kontext» siehst du gleich, ob Titel und Knopf darauf lesbar bleiben.

11 Generatoren

Mesh-Verlauf
Weiche, fliessende Farbverläufe aus mehreren unscharfen Farbflächen. 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
Verschwommener Verlauf
Verträumte Hintergründe aus grossen, stark weichgezeichneten Farbkreisen. Als PNG, JPG, WebP, SVG oder CSS exportieren.
Im Editor öffnen
Animierter Farbverlauf
Wandernde, drehende und farbwechselnde Verläufe und schwebende Flecken als reines CSS. CSS, Tailwind oder HTML kopieren, PNG und GIF exportieren.
Im Editor öffnen
Blob-Komposition
Mehrere Blobs an Ecken und Rändern, die sich jeder Bildgrösse anpassen. Als SVG oder Bild exportieren.
Im Editor öffnen
3D-Perspektivgitter
Retro-Gitter in 3D-Perspektive mit Sonne, Sternen, Bergen und Leuchten, wie in Synthwave und Outrun. Als SVG, Bild oder bewegtes GIF exportieren.
Im Editor öffnen
Flow Fields
Tausende Linien folgen einem unsichtbaren Strömungsfeld, wie Wind, Wasser oder Haar. Als SVG, Bild oder GIF exportieren.
Im Editor öffnen
Höhenlinien
Topografische Linien wie auf einer Landkarte, als Konturen oder gefüllte Höhenstufen. Als SVG, Bild oder GIF exportieren.
Im Editor öffnen
Low Poly und Voronoi
Facettierte Hintergründe aus Dreiecken oder Voronoi-Zellen, eingefärbt mit einem Verlauf aus deiner Palette. Export als SVG, Bild oder GIF.
Im Editor öffnen
Sternenhimmel
Sternenhimmel mit Farbverlauf, funkelnden Sternen und Glanzlichtern. Als SVG oder Bild exportieren.
Im Editor öffnen
Körnung und Rauschen
Körnige Texturen und Hintergründe mit feinem Rauschen über Farbe oder Verlauf. Als PNG, JPG, WebP oder SVG exportieren.
Im Editor öffnen