Pixelfreie Rausch- und Körnungstexturen
SVG bringt über den <feTurbulence>-Filter einen eingebauten Rauschgenerator mit. Dieses Tool bietet dir eine visuelle Oberfläche, um jeden Parameter fein einzustellen und ein sauberes, eigenständiges SVG zu exportieren, das du als Overlay oder Hintergrund einsetzen kannst.
Zwei Rauscharten
- fractalNoise — stapelt Turbulenz-Oktaven zu einem weichen, wolkigen Muster. Ideal für organische Körnung und papierartige Texturen.
- turbulence — rohes, kontraststärkeres Rauschen, das eher an Bildrauschen oder TV-Schnee erinnert. Gut für Glitch-Effekte.
Regler
- Basisfrequenz — Feinheit des Rauschens. Kleine Werte ergeben große, weiche Flecken; große Werte kleine Sprenkel.
- Oktaven — Anzahl der gestapelten Rauschebenen. Mehr Oktaven = mehr Detail.
- Seed — Ganzzahl für Reproduzierbarkeit. Gleicher Seed = gleiches Muster.
- Monochrom / Farbig — monochrom multipliziert alle Kanäle mit deiner Farbe; farbig behält das native RGB-Rauschen.
- Vordergrund, Hintergrund, Deckkraft — bestimmen, wie das Rauschen auf seinem Hintergrundrechteck sitzt.
Einsatzzwecke
- Grain-Overlays auf Hero-Bildern
- Retro TV-/VHS-Glitch-Effekte
- Papier- oder leinwandartige Hintergründe für UI-Karten
- Filmkorn über Farbverläufen (kombiniere mit dem Körniger-Verlauf-Tool)
- Visuelles Rauschen in Designsystemen
SVG bleibt in jeder Größe scharf, und Browser rastern das Rauschen beim Anzeigen pixelgenau — keine sichtbaren Kacheln, kein unscharfes Skalieren. Füge es in dein HTML ein oder nutze es als background-image: url(...) mit einem Data-URI für minimalsten Footprint.
Tiny Online Tools







