Color tools

Box Shadow Generator

Design layered CSS box shadows with live preview and copyable output.

Shadow generator

box-shadow

box-shadow: 1px 1px 2px rgb(0 0 0 / .22);

Pick a color and convert it to HEX, RGB, HSL, HSV, CMYK and CSS formats.

Build linear, radial and conic CSS gradients with presets.

Check WCAG color contrast and preview accessible text combinations.

Generate complementary, analogous, triadic, monochrome and shade palettes.