BYTETOOLS

Noise Texture Generator

Generate seeded noise textures — white noise, smooth value noise, fractal fBm and transparent film grain — with full control and one-click PNG export.

48
5
20
50
100

Texture

Fractal noise stacks several octaves of value noise, each higher in frequency and lower in amplitude, which is what gives it cloud- and terrain-like detail at every scale.

What is the Noise Texture Generator?

The ByteTools Noise Texture Generator builds procedural textures from a seeded mulberry32 random number generator, so the same seed always produces exactly the same image.

  • Four noise types: white, value, fractal Brownian motion and transparent film grain
  • Seeded generator, so the same seed always rebuilds an identical texture
  • Octaves, lacunarity and persistence controls for fBm detail
  • Monochrome, two-color ramp or independent RGB channel modes
  • Optional scale snapping that makes the texture tile without a seam
  • PNG export up to 2048 pixels a side, with alpha preserved in grain mode

How to use the Noise Texture Generator

  1. 1

    Choose a noise type: white, value, fractal fBm or film grain.

  2. 2

    Pick a color mode and set the output width and height in pixels.

  3. 3

    Type a seed, or click Randomise seed until you like the result.

  4. 4

    Adjust the feature scale, and for fBm the octaves, lacunarity and persistence sliders.

  5. 5

    Fine-tune the contrast or grain opacity, then click Download PNG.

About the Noise Texture Generator

The ByteTools Noise Texture Generator builds procedural textures from a seeded mulberry32 random number generator, so the same seed always produces exactly the same image. Four kinds are available: white noise where every pixel is an independent draw, smooth value noise interpolated between lattice points, layered fractal Brownian motion, and a transparent film grain overlay.

For the smooth types you control the feature scale, and for fBm you also control the number of octaves, the lacunarity that sets the frequency step between them, and the persistence that sets how much amplitude each octave keeps. Contrast, a monochrome or two-color or per-channel color mode, and an optional snap that makes the texture tile seamlessly are all adjustable.

Textures are rendered 100% locally in your browser straight into an ImageData buffer, with nothing uploaded to any server. Export at any size up to 2048 pixels a side as a PNG — the film grain mode keeps its alpha channel, so you can drop the result straight over a photo in your editor or use it as a CSS overlay.

Frequently asked questions

What is the difference between white noise and fractal noise?

White noise gives every pixel an independent random value, so it has no structure at all and looks like television static. Fractal noise stacks several octaves of smooth noise at rising frequencies and falling amplitudes, which produces cloud-like or terrain-like detail at every scale.

How do I add a film grain effect to a photo?

Generate a texture in film grain mode, download the PNG, and place it as a layer above your photo in any editor. The grain is exported with transparency so it darkens and lightens the image underneath instead of covering it, and the opacity slider controls how strong the effect is.

What do octaves, lacunarity and persistence do?

Octaves is how many layers of noise are summed together, so more octaves means finer detail. Lacunarity is how much the frequency multiplies between layers, and persistence is how much amplitude each successive layer keeps — lower persistence gives a smoother, softer texture.

Why does the same seed always give the same texture?

The generator is a deterministic pseudo-random function rather than a true random source, so a given seed always produces the same sequence of numbers. That means you can note a seed down and reproduce an exact texture later or on another machine.

Are these noise textures generated on a server?

No. Every pixel is computed in your browser in JavaScript and written straight to a canvas, with no network request involved. The PNG you download is created locally from that same canvas.

Related tools