Hintergrund- und Texturgenerator
Erstellen Sie Hintergründe und Texturen: Mesh-Verlauf, unscharfer Verlauf, Blob, Wellen, Sternenhimmel, Neon-Raster, Konfetti, Körnung, Streifen, Low Poly, Höhenlinien… dann Export als PNG, JPG, WebP, SVG oder CSS.
Stil
Farben
Das CSS bildet den Stil mit Verläufen nach: Bei Mesh- und unscharfen Verläufen ist es eine leichte Annäherung.
Heruntergeladene Bilder und SVGs tragen unten rechts eine kleine KSPNAI-Signatur. Der CSS-Code nicht.
Alles wird in Ihrem Browser berechnet: Nichts wird hochgeladen.
Über dieses Tool
Der Hintergrund- und Texturgenerator erstellt in Sekunden ein Hintergrundbild, einen Folienhintergrund, ein Banner oder eine Website-Textur: Mesh-Verlauf, unscharfer Verlauf, Blob, geschichtete Wellen, Sternenhimmel mit Milchstraße, Raster oder Punkte, 80er-Neon-Sonne, Konfetti, Papierkörnung, Streifen, Schachbrett, Zickzack, isometrische Würfel, Höhenlinien und Low Poly.
Wählen Sie einen Stil und Ihre Farben (oder lassen Sie eine Palette auswürfeln), stellen Sie die Regler ein und würfeln Sie neu, bis Ihnen das Ergebnis gefällt. Exportieren Sie dann als PNG, JPG oder WebP im gewünschten Format (Bildschirm, 4K, Quadrat, Story, Banner, A4 oder frei), als SVG bei Vektorstilen oder kopieren Sie den CSS-Code, wo möglich.
- 16 Stile: Mesh, unscharf, Blob, Wellen, Sterne, 80er-Neon, Low Poly…
- Freie Farben oder Zufallspalette, neu würfeln mit einem Klick
- Bildschirm, 4K, Quadrat, Story, Banner, A4 oder eigene Größe
- Export als PNG, JPG, WebP und SVG bei Vektorstilen
- CSS-Code für Verläufe, Raster, Punkte, Streifen und Schachbretter
- Link zum Teilen mit allen Einstellungen
So funktioniert es
- Einen Stil aus der Liste wählen.
- Farben und Regler einstellen oder auf „Zufällige Farben“ und „Neu würfeln“ klicken.
- Das Bildformat wählen.
- Bild oder SVG herunterladen oder den CSS-Code kopieren.
Häufige Fragen
Darf ich die Hintergründe frei verwenden?
Ja, die erstellten Bilder gehören Ihnen, privat wie beruflich. Sie tragen unten rechts eine kleine KSPNAI-Signatur.
Was ist der Unterschied zwischen PNG, SVG und CSS?
PNG, JPG und WebP sind Bilder in der gewählten Größe. SVG ist vektoriell und bleibt in jeder Größe scharf. CSS erzeugt den Hintergrund direkt in einer Webseite, ohne Bilddatei.
Warum haben manche Stile keinen SVG-Export?
Mesh-Verlauf, Sternenhimmel, Körnung und Höhenlinien werden Pixel für Pixel berechnet: Es gibt sie nur als Bild.
Werden meine Kreationen irgendwohin gesendet?
Nein, alles wird in Ihrem Browser berechnet.