SUPER EASY UTILS

CSS Pattern Generator

Generate seamless repeating CSS background patterns.

40px
20%
#ffffff
#1c1917

background-color: #1c1917;
background-image: 
  radial-gradient(rgba(255, 255, 255, 0.2) 2px, transparent 2px), 
  radial-gradient(rgba(255, 255, 255, 0.2) 2px, transparent 2px);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;

Recommended Tools

Hand-picked utilities you might find useful