Generated texture
The first version generates a colored base rectangle and overlays a filtered rectangle using feTurbulence noise.
Use cases
Use noise textures for subtle grain, background depth, poster-style artwork, and visual texture experiments.
Generate a compact SVG noise texture using feTurbulence for grainy backgrounds and overlays.
Page context
SVG Noise Generator creates a compact SVG noise texture using feTurbulence for grainy backgrounds and overlays.
The first version generates a colored base rectangle and overlays a filtered rectangle using feTurbulence noise.
Use noise textures for subtle grain, background depth, poster-style artwork, and visual texture experiments.
Generate a compact SVG noise texture using feTurbulence for grainy backgrounds and overlays.
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200" role="img" aria-label="Generated SVG noise texture"><defs><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/><feColorMatrix type="saturate" values="0"/><feComponentTransfer><feFuncA type="table" tableValues="0 0.38"/></feComponentTransfer></filter></defs><rect width="320" height="200" fill="#0f766e"/><rect width="320" height="200" filter="url(#noise)" opacity="0.65"/></svg>