Free · in-browser · nothing is uploaded

Photo color picker for exact HEX, RGB & HSL

Drop in a photo, hover to find the shade, and click to grab the precise color. Copy HEX, RGB, HSL or CMYK, and build a palette in seconds.

Drop a photo to pick colors

Drag an image here, click to browse, or paste with Ctrl / Cmd + V.

JPG · PNG · WEBP · GIF · your image stays on your device

#000000

Picked color

#3A7BD5

Hover the photo, click to lock

Tip: use the zoom loupe for pixel-precise picks. Click any value to copy it.

Palette

Picked colors collect here. Click a photo to add the first one.

Every color is read from the pixels in your browser with HTML5 canvas. The photo is never sent anywhere.

How it works

Pick a color from any photo in three moves

Load the photo

Drag an image into the box, browse from your device, or paste a screenshot straight from your clipboard. Large photos are fine.

Hover and zoom

Move across the image and the loupe magnifies the pixels under your cursor so you can land on the exact shade, even a single freckle of color.

Click and copy

Click to lock the color. Read HEX, RGB, HSL and CMYK, copy the format you need, and keep clicking to build a full palette.

What people use it for

One photo, every color value you need

DesignersMatch a brand color from a product shot or moodboard and drop the HEX straight into Figma.

Front-end devsPull HSL values from a reference image and export the whole palette as CSS custom properties.

Painters & craftersRead a color from an inspiration photo and translate it to mixable RGB or CMYK.

MarketersKeep social graphics on-brand by sampling colors from an existing campaign image.

A picked palette, exported as ready-to-paste CSS variables:

--color-1:#2B3A67;
--color-2:#3A7BD5;
--color-3:#8EC5FC;
--color-4:#E0C3A0;
--color-5:#C05C4D;

FAQ

Questions about the photo color picker

How do I pick a color from a photo?+

Upload, drag in, or paste a photo. Move your cursor over the image to preview the pixel color in the zoom loupe, then click to lock it. The exact HEX, RGB, HSL and CMYK values appear instantly and you can copy any of them with one click.

Are my photos uploaded to a server?+

No. The tool runs entirely in your browser using HTML5 canvas. Your image never leaves your device, which keeps it both fast and private.

What color formats does it give me?+

For every pixel you pick it shows HEX, RGB, HSL and CMYK. Each value has its own copy button, and you can export a full palette as CSS custom properties.

Can I pick a color from anywhere on my screen?+

On Chrome and Edge the Screen eyedropper button uses the browser's native EyeDropper API to sample any pixel on your screen, not just the loaded photo. On other browsers, load the image and pick from it directly.

Is the photo color picker free?+

Yes. It is completely free with no sign-up, no watermark and no limit on how many colors you pick.