CSS Noise & Grain Generator

Create procedural SVG-based grain textures, test blend modes in real-time, and export production-ready CSS.

Base Background Color #0f172a

Noise Opacity 0.45

Grain Frequency (Scale) 0.80

CSS Blend Mode

Turbulence Octaves 3

Textured Surface

Notice how the high-fidelity vector grain provides tactile dimension without heavy image assets.

background-color: #0f172a;
background-image: url("data:image/svg+xml,...");