CSS Background Pattern Generator

Generate pure-CSS repeating background patterns with live preview

🎨 Pattern Type

Color 1

Color 2

Pattern Size

20px

Angle

45°

Opacity

100%

Stripe Width

10px

👁️ Preview

Live preview

📋 CSS Code

🎯 Presets

Copied!