Color Picker

Pick any color and instantly copy its HEX, RGB and HSL codes — plus a shades & tints strip and an on-screen eyedropper where supported.

Pick a color

Or type a HEX code

Preview

HEX

#4F8FF7

RGB

rgb(79, 143, 247)

HSL

hsl(217, 91%, 64%)

Shades & tints (click a shade to use it)

How to use

Pick a color with the color swatch, type a HEX code, or use the screen eyedropper (Chrome/Edge) to grab any color on your screen.
Copy the HEX, RGB or HSL code with one click.
Click any shade or tint in the strip to make it the active color.

Privacy note: everything runs in your browser — no color data is sent anywhere.