SVG-Rauschen & Texture-Generator

SVG-Rauschen & Texture-Generator

Erstellen Sie organische, kornartige Geräusche und turbulente Wolkenmuster direkt im Browser mit dem SVG feTurbulence Filter. Verschieben Sie die Schieberegler, passen Sie den Keim an, wählen Sie eine Farbtönung und beobachten Sie, wie sich das Muster in Echtzeit ändert. Exportieren Sie es als Inline SVG, ein CSS background-image data URI oder als wiederverwendbaren SVG-Filter, den Sie auf jede Form anwenden können.

Nutzung

1. Wählen Sie einen Geräuschtyp — Fraktalgeräusch für organische Filmkornstruktur, Turbulenz für wolkige Wirbel.
2. Passen Sie Grundfrequenz für Korngröße und Oktaven für Detailreichtum.
3. Ändern Sie das Keim Um durch verschiedene zufällige Muster zu scrollen.
4. Umschalten Tile verbinden für ein sauberes, wiederholbares Ergebnis.
5. Auswählen Schwarzweiß oder Farbmodus und passen Sie Hintergrund, Tönung, Durchsichtigkeit und Kontrast an.
6. Kopieren Sie den SVG-, CSS-data-URI- oder Filter-Auszug oder laden Sie die SVG-Datei herunter.

Funktionen

• Zwei Geräuschtypen – Fraktalgeräusch (organische Kornstruktur) und Turbulenz (rauchartige Wirbel).
• Live-Vorschau – Verzögerte Neugenerierung bei jeder Änderung der Schieberegler.
• Oktavensteuerung – 1–8 Oktaven, um Reichtum und Leistung auszubalancieren.
• Seeded Reproduzierbarkeit – Jeder Keim ist ein eindeutiges, deterministisches Muster.
• Seamless Tiling – Optional stitchTiles="stitch" für wiederholbare Hintergründe.
• Mono oder farbig – Graustufenkorn oder jede Farbtönung über feColorMatrix.
• Kontrast & Durchsichtigkeit – Stärken Sie die Intensität mit feComponentTransfer.
• Drei Ausgabeformate – Inline SVG, CSS-data-URI-Hintergrund oder Filter-only SVG.
• Einfacher Download – Speichern als eigenständige .svg.

Wann verwenden Sie Geräuschtöne?

• Kornartige Gradienten – Überlagern Sie das Geräusch auf einen CSS-Gradienten, um Banding zu vermeiden.
• Papier- und Film-Effekte – Fügen Sie ein subtiler Korn zu flachen Illustrationen und Hauptbereichen hinzu.
• Wolken- und Rauchhintergründe – Verwenden Sie Turbulenz mit niedriger Frequenz und wenigen Oktaven.
• Zerstörung und Texturenüberlagerungen – Wenden Sie den Filter auf Formen an, um ein handgemaltes Aussehen zu erzeugen.