Color Red

Background Generator

Create custom background patterns and textures for your web projects with this easy-to-use tool.

Pattern Type

Stripes

Dots

Grid

Waves

Zigzag

Gradient

Colors

Background Color

Pattern Color

Secondary Color

Pattern Settings

Size

Opacity

Angle (degrees)

CSS Code

.element {
  background-color: #ffffff;
  background-image: linear-gradient(45deg, #e63946 25%, transparent 25%, transparent 75%, #e63946 75%, #e63946);
  background-size: 20px 20px;
}