This is a free, browser-based generator for black and dark backgrounds. The controls on the left adjust hue, saturation and lightness on the dark end of the spectrum, then layer a pattern (stars, dots, grid, noise, carbon fibre, bokeh or stripes) and two finishing effects (vignette and grain). The matrix on the right shows eight live variations at once. Click a tile to enlarge it, copy its CSS, or export a PNG up to 4K.
Backgrounds are generated entirely in your browser using HTML5 canvas. Nothing is uploaded; the image you download was rendered on your device. The same is true of the CSS code — it is built locally from your current control values.
If you are looking for a starting point, try the 🎲 Randomize button, or browse the topic pages. Foundations: choosing a pattern, picking an export resolution, pure vs near-black, using black backgrounds in web design. Going deeper: CSS gradients, grain and banding, vignette, wallpapers and video and streams.
Quick downloads and references: solid black background PNG in any size, black wallpapers for 4K, phone and desktop, black hex codes and near-black shades and how to make a black background in CSS.
Yes. There is no account, no watermark unless you opt in, and the backgrounds you export are yours to use, including commercially.
Set Background Type to Solid, drag Lightness to 0 and Pattern to None, then export. For one-click pure #000000 PNGs in any size, use the solid black background page.
Yes. Choose Custom size in the Resolution menu and type the width and height in pixels. Each side can be up to 16,384 px.
No. Previews and PNG exports are drawn with HTML5 canvas on your device, and the CSS is built locally from your settings.
Last reviewed on 3 October 2026.