Color Picker

Upload an image and click anywhere to pick that color. Get HEX, RGB, and HSL values instantly. No upload to server.

1Load an image

Drop image here

or click to browse

Drop image!

Free Color Picker — Pick Colors from Any Image and Get HEX, RGB, HSL

Pick any color from any image and instantly get the HEX, RGB, and HSL values — free, in your browser, with no upload to any server. Perfect for designers, developers, and anyone who needs to identify exact colors from photos, screenshots, logos, or artwork.

How to Pick a Color from an Image

  1. Upload your image by clicking "Browse" or dragging it into the tool.
  2. Hover your cursor over any part of the image.
  3. Click to pick the color at that pixel.
  4. Copy the HEX, RGB, or HSL value from the result panel.

Why Use a Color Picker?

Frequently Asked Questions

What color formats does it output?

The tool outputs HEX (e.g. #1a2b3c), RGB (e.g. rgb(26, 43, 60)), and HSL (e.g. hsl(210, 40%, 17%)) — the three most commonly used color formats in web design and CSS.

Can I pick colors from a screenshot?

Yes! Take a screenshot of any website, app, or design, upload it to the color picker, and click any pixel to extract its exact color value.

What is the difference between HEX, RGB, and HSL?

HEX is the most common format used in HTML/CSS. RGB defines colors by light intensity values from 0–255. HSL (Hue, Saturation, Lightness) is more intuitive — changing lightness without altering the hue is easy with HSL.

Is my image uploaded to a server?

No. Color sampling is done entirely in your browser using the HTML5 Canvas API. Your image never leaves your device.

Can I use this on mobile?

Yes. The color picker works on iPhone and Android. Upload a photo from your camera roll and tap any pixel to get its color code.