Noise & Texture Generator

Generate canvas-based noise textures and export as PNG, CSS, or SVG filter

Presets

Noise Settings

Noise Type

Scale / Density50

Opacity40%

Blend Mode

Base Color

#1a1a2e

Noise Color

#ffffff

Canvas & Animation

Canvas Size

Animated Noise

Preview Background

#2d2d2d

Preview

Export

SVG Filter Usage:

<svg><filter id="noise">
  <feTurbulence type="fractalNoise"
    baseFrequency="0.0500"
    numOctaves="4" stitchTiles="stitch"/>
  <feBlend mode="overlay"/>
</filter></svg>

/* CSS usage */
filter: url(#noise);