Background Pattern Generator
Seamless patterns for websites, wallpapers and designs.
Choose a pattern — dots, grid, stripes, checks, zigzag, waves, triangles, crosses or rings — then set its color, the background, the scale and the line thickness; stripes can also be turned to any angle. The pattern repeats seamlessly. Copy the CSS for a website background, or download it as a sharp SVG or as a PNG in wallpaper sizes.
How to create a background pattern
- Step 1
Choose a pattern.
- Step 2
Set the colors, scale and thickness.
- Step 3
Copy the CSS or download SVG or PNG.
Why use PhotoTools
Nine patterns
From polka dots to waves.
Seamless
Tiles repeat without visible edges.
Vector or pixels
SVG, PNG and CSS.
Supported formats
Output
- SVG
- PNG
- CSS
Frequently asked questions
Which format should I use?
For websites use the CSS or the SVG: they stay sharp at any size and are tiny. For wallpapers or printing use the PNG.
Can I rotate the pattern?
Stripes can be set to any angle and stay seamless; the other patterns keep their straight grid.
Is it free?
Yes. Browser tools on PhotoTools are free, unlimited and work without an account.
Are my images uploaded to a server?
No. This tool runs entirely in your browser using WebAssembly. Your images never leave your device, and nothing is stored.