Diamond maker

Theme

Lattice Diamond size 42 px Line width 1 px Line opacity 5.0% Line color #000000

Palette

Ready-made

Colors

Lightness 0.760 Chroma 0.003 Hue 17° As sRGB #b3b0b0

Randomize

Keeps this color

Hue sweep

0°

Ramp

Pattern

One color throughout. Add a color or sweep the hue for a gradient.

Checker

off

Use it

html {
	background-color: #b3b0b0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Crect width='42' height='42' fill='%23b3b0b0'/%3E%3Cpath fill='%23b3b0b0' d='M-42.5 -21l21.5 -21.5 21.5 21.5 -21.5 21.5zM-0.5 -21l21.5 -21.5 21.5 21.5 -21.5 21.5zM41.5 -21l21.5 -21.5 21.5 21.5 -21.5 21.5zM-63.5 0l21.5 -21.5 21.5 21.5 -21.5 21.5zM-21.5 0l21.5 -21.5 21.5 21.5 -21.5 21.5zM20.5 0l21.5 -21.5 21.5 21.5 -21.5 21.5zM-42.5 21l21.5 -21.5 21.5 21.5 -21.5 21.5zM-0.5 21l21.5 -21.5 21.5 21.5 -21.5 21.5zM41.5 21l21.5 -21.5 21.5 21.5 -21.5 21.5zM-63.5 42l21.5 -21.5 21.5 21.5 -21.5 21.5zM-21.5 42l21.5 -21.5 21.5 21.5 -21.5 21.5zM20.5 42l21.5 -21.5 21.5 21.5 -21.5 21.5zM-42.5 63l21.5 -21.5 21.5 21.5 -21.5 21.5zM-0.5 63l21.5 -21.5 21.5 21.5 -21.5 21.5zM41.5 63l21.5 -21.5 21.5 21.5 -21.5 21.5z'/%3E%3Cpath fill='none' stroke='%23000000' stroke-opacity='0.05' stroke-width='1' d='M-42 63L63 -42M-42 105L105 -42M-63 -42L63 84M-21 -42L105 84'/%3E%3C/svg%3E");
	background-size: 42px 42px;
}

Download the tile as SVG

The tile is 42 × 42 px and 0.9 KB of SVG, inlined in the CSS.