Color picker

Pick a color. Get every format. Generate palettes.

Shades (darker)

Tints (lighter)

Complementary

Color values (click to copy)

HEX#0066CC

RGBrgb(0, 102, 204)

HSLhsl(210, 100%, 40%)

CSSbackground: #0066CC;

Tailwindbg-[#0066CC]

Details

Red: 0

Green: 102

Blue: 204

Hue: 210°

Sat: 100%

Light: 40%

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.