Color Picker

Pick a color and get HEX, RGB, HSL, CMYK, and contrast ratios.

Pick from image

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

CMYKcmyk(76%, 47%, 0%, 4%)

Contrast ratios (WCAG)

vs White

3.7:1AA Large

vs Black

5.7:1AA

Related tools

Color Palette Generator

Generate complementary, triadic, and analogous palettes.

CSS Gradient Builder

Build linear and radial gradients and copy the CSS.

Glassmorphism Generator

Build glass-effect UI cards with blur and opacity controls.