Color Picker

Hover over any part of the image to see the color. Click to pick and save it.

Drop your image here

or click to browse

Want the full walkthrough? Read our guide: How to Pick a Color from an Image

How to Pick a Color from an Image Online

  1. Drag and drop your PNG, JPG or WebP file into the upload area, or click it to browse your device.
  2. Move your cursor over any part of the image — a magnified loupe and the live HEX, RGB and HSL values appear instantly.
  3. Click on the exact pixel you want to sample. It gets added to your picked-colors list for later reference.
  4. Click any HEX, RGB or HSL value to copy it straight to your clipboard.

Frequently Asked Questions

How do I get the exact HEX code of a color in a photo?

Upload the photo, hover over the exact pixel you want, and click it. The HEX value appears next to the live swatch — click it to copy it to your clipboard.

What formats does the color picker support?

It shows HEX (#rrggbb), RGB (rgb(r,g,b)) and HSL (hsl(h,s%,l%)) simultaneously for every color you sample, so you can copy whichever format your design tool or CSS needs.

Why does the magnifier loupe help when picking colors?

The loupe zooms in 4x around your cursor so you can land on the exact pixel you mean, which matters a lot on small details like gradients, text edges or thin lines.

Can I save multiple colors from the same image?

Yes — every color you click gets added to a Picked Colors strip below the image, so you can build a small palette from one photo and copy any of them afterward. For a full automatic palette, try the Color Palette tool.

Is my image uploaded anywhere to pick colors from it?

No. The tool reads pixel data directly from the Canvas API in your browser — your image is never sent to a server.

Free Color Picker -- Get HEX, RGB and HSL from Any Image

Click any pixel in a photo to instantly get its exact HEX, RGB, and HSL color codes. A magnifier zooms in for pixel-perfect picking -- ideal for designers matching brand colors, developers styling CSS, or anyone identifying a color from a photo.

Pixel-Perfect Picker

A built-in magnifier zooms in so you can pick the exact pixel you want -- even on small details.

HEX, RGB and HSL Output

Get all three color formats at once. Copy to clipboard with one click.

Color History

Recently picked colors are saved so you can compare and choose between options.

No Upload

The image stays in your browser. No file is sent to any server.

Frequently Asked Questions

How do I get a HEX color code from an image?

Open this tool, upload your image, and click anywhere on it. The HEX code appears instantly alongside RGB and HSL values.

Can I pick a color from a screenshot?

Yes -- paste or upload any screenshot, photo, or graphic and click the color you want to identify.

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

HEX is used in HTML/CSS (e.g. #4f46e5). RGB (Red, Green, Blue) is the raw channel values 0-255. HSL (Hue, Saturation, Lightness) is easier for humans to reason about when adjusting colors.

Is there a free color picker tool online?

Yes -- this one. No account, no download, no file limit. Works on any device with a browser.

Related guide: How to Pick a Color from an Image