Noise Gradient

Farben mischen, Textur hinzufügen, exportieren

Leertaste mischen · Strg+Z Rückgängig

CSS

/* Wird erstellt… */
Palette
Presets
Verlaufstyp
Organisch
Korn-Stil
Mischmodus
Exportgröße
Favorites

Export 1000×563px

Kostenloser Verlauf- und Rausch-Textur-Generator

Erstellen Sie Verlaufshintergründe in organisch, linear, radial und konisch. Fügen Sie Korn und Textur hinzu, wählen Sie Ihre Palette und exportieren Sie als PNG oder SVG. Kein Konto, keine Anmeldung – im Browser nutzen und in Sekunden herunterladen.

Wofür nutzen

Web & Apps

Hero-Bereiche, Landingpages, Splash-Screens. Export bei 2000px für Retina.

Social & Teilen

Posts und Share-Grafiken. 1:1 oder 16:9, direkt ins Projekt.

Präsentationen & Druck

Folien, Poster. SVG bleibt scharf; PNG funktioniert überall.

So funktioniert's

Wählen Sie einen Verlaufstyp (organisch, linear, radial oder konisch), fügen Sie Farben hinzu oder entfernen Sie sie, passen Sie Ausbreitung und Textur an. Setzen Sie Seitenverhältnis und längste Kante, dann Export als PNG oder SVG. Leertaste für eine neue Variante.

Alle Exporte sind lizenzfrei für private und kommerzielle Nutzung.

Mehr Möglichkeiten

Presets & Favoriten

Verlauf-Presets per Klick (Sonnenuntergang, Ozean, Aurora …). Speichern Sie eigene als Favoriten und laden Sie sie jederzeit.

Link teilen & kopieren

Kopieren Sie einen Link mit Ihrem Design. Wer ihn öffnet, sieht denselben Verlauf, Farben und Einstellungen.

Farben aus Bild

Bild hochladen und Palette extrahieren. Das Tool nutzt dominante Farben für Ihre Verlaufsstopps.

Rückgängig & Wiederherstellen

Voller Verlauf. Strg+Z / Strg+Shift+Z, dann exportieren.

CSS kopieren

Ein Klick kopiert fertiges CSS: Verlauf plus Korn-Layer mit mix-blend-mode.

Korn-Stil

Rauschen (fein), Film (körnig) oder Scanlinien. Jeder Stil ergibt eine andere Textur.

Mischmodi

Überlagern, Multiplizieren, Weiches Licht usw. steuern, wie das Korn auf dem Verlauf liegt.

Exportgrößen

Seitenverhältnis (1:1, 16:9, 9:16, 4:3, 3:4) und längste Kante (500, 1000 oder 2000px). Gleiche Einstellung für PNG und SVG.

FAQ

  • Brauche ich ein Konto?

    Nein. Nutzen Sie den Generator im Browser und laden Sie PNG oder SVG ohne Anmeldung herunter.

  • Kommerzielle Nutzung erlaubt?

    Ja. Alle Exporte sind lizenzfrei für private und kommerzielle Nutzung.

  • Welche Exportgrößen?

    Seitenverhältnisse: 1:1, 16:9, 9:16, 4:3, 3:4. Längste Kante: 500, 1000 oder 2000 px.

  • Unterschied PNG und SVG?

    PNG ist Raster (Pixel) für feste Größen. SVG skaliert; beide enthalten die Textur.

Vier Verlaufstypen, ein Tool

Wechseln Sie per Klick zwischen organisch, linear, radial und konisch. Fügen Sie mit dem Textur-Slider Korn hinzu – Export entspricht der Vorschau.

PNG oder SVG exportieren

Laden Sie hochwertiges PNG oder skalierbares SVG. Beide mit Textur. Wählen Sie Seitenverhältnis und längste Kante (500, 1000 oder 2000px). Kein Wasserzeichen, keine Anmeldung.

Teilen und wiederverwenden

Kopieren Sie einen Link zu Ihrem Verlauf, damit andere das gleiche Design sehen können. Oder kopieren Sie das CSS in Ihr Projekt – Verlauf und Textur in einem Snippet. Kein Konto nötig.