About Noise Texture Generator
A noise texture is an image of random pixels, often layered over flat colors or gradients to add grain. This tool fills a square from 8 to 4,096 pixels with uniformly random values, as gray or as independent red, green, and blue. Grain size enlarges each random cell up to 32 pixels without smoothing. Opacity is written to the alpha channel, so the PNG can be used as a semi-transparent overlay.
Also known as: Random Bitmap Generator.
How to use Noise Texture Generator
- Set "Size", "Grain size", "Color noise" and "Opacity". The preview updates as you change them.
- Check the preview, then press "Download result" to save the file.
Questions about Noise Texture Generator
How do I use the texture as a grain overlay in CSS?
Generate it at a low opacity such as 0.1, then set the PNG as a repeating background-image on a layer above your color or gradient. Uniform noise has no visible features, so the tile edges are hard to notice.
Runs in your browser. Page last updated .