Color tools

Contrast Checker

Check WCAG color contrast and preview accessible text combinations.

Contrast checker

ForegroundBackground

Contrast ratio

17.74:1

The quick brown fox jumps over the lazy dog.

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

Build linear, radial and conic CSS gradients with presets.

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

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