About this tool
Build a CSS-only background pattern and copy the rule.
Pick dots, grid, stripes, or checkers. Set size, ink, and paper colors. The preview and the textarea stay in sync so you can paste the background declaration.
This does not create an image file. Older browsers may ignore repeating-conic-gradient for checkers. Prefer dots or stripes if you need wider support.
Read the privacy line on this page before you use the result in public.
Quick steps
- Build a CSS-only background pattern and copy the rule.
- Pick dots, grid, stripes, or checkers. Set size, ink, and paper colors. The preview and the textarea stay in sync so you can paste the background declaration.
- This does not create an image file. Older browsers may ignore repeating-conic-gradient for checkers. Prefer dots or stripes if you need wider support.
This does not create an image file. Older browsers may ignore repeating-conic-gradient for checkers. Prefer dots or stripes if you need wider support.
FAQ
Build a CSS-only background pattern and copy the rule.
Pick dots, grid, stripes, or checkers. Set size, ink, and paper colors. The preview and the textarea stay in sync so you can paste the background declaration.
This does not create an image file. Older browsers may ignore repeating-conic-gradient for checkers. Prefer dots or stripes if you need wider support.
Read the privacy line on this page before you use the result in public.