Color & design

Color formats, palettes, contrast, gradients and shadows

Convert colors between HEX, RGB, HSL and HSV with a live color picker preview.

Generate tints, shades, complementary, analogous and triadic palettes from one base color.

Check the contrast ratio between text and background colors and see WCAG AA / AAA results for normal and large text.

Visually build linear or radial CSS gradients, adjust colors, angle and position, then copy the CSS.

Tune offset, blur, spread, color and opacity, then copy ready-to-use box-shadow CSS.