CSS Noise Background Generator

Create film-grain style noise texture backgrounds — pure SVG filter based, no image assets needed.

Base Color

Noise Opacity 15%

Grain Size 1px

The noise is generated using an SVG feTurbulence filter — it's embedded in pure CSS via a data-URI, so no image needs to be downloaded.

100% browser-based — no data sent to any server

style.css