Color picker

Pick a color. Get every format. Generate palettes.

Shades (darker)

Tints (lighter)

Complementary

Color values (click to copy)

HEX#0000FF

RGBrgb(0, 0, 255)

HSLhsl(240, 100%, 50%)

CSSbackground: #0000FF;

Tailwindbg-[#0000FF]

Details

Red: 0

Green: 0

Blue: 255

Hue: 240°

Sat: 100%

Light: 50%

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.