Standard

Pattern/Texture Background Generator

Build a tileable pattern background — stripes, dots, grid or checkerboard — and download it as a PNG.

Advertisement

About this tool

Every pattern here tiles seamlessly — the canvas draws a repeating unit, so the downloaded PNG can be set as a CSS background-image with repeat and the edges will line up.

For websites you may not need an image at all: every pattern is also given as pure CSS built from gradients, which is a few bytes instead of a file, scales perfectly on high-resolution screens and is easy to recolour later. Keep busy patterns behind text subtle, with low contrast between the two colours, so the text stays readable.