Color picker

Pick a color. Get every format. Generate palettes.

Shades (darker)

Tints (lighter)

Complementary

Color values (click to copy)

HEX#3498DB

RGBrgb(52, 152, 219)

HSLhsl(204, 70%, 53%)

CSSbackground: #3498DB;

Tailwindbg-[#3498DB]

Details

Red: 52

Green: 152

Blue: 219

Hue: 204°

Sat: 70%

Light: 53%

Free color picker & converter

ColorPick lets you pick any color and instantly get HEX, RGB, HSL, CSS, and Tailwind values. Click any value to copy. Generate shades (darker), tints (lighter), and complementary colors. Perfect for web designers and developers. Everything runs locally in your browser.