Is my image uploaded anywhere?

No. The image is opened and read by your browser on your own device. Nothing is sent to a server, and the image is gone when you close or reload the page.

Which image formats work?

Any format your browser can display — usually PNG, JPEG, WebP, GIF, SVG, BMP and AVIF. HEIC photos from iPhones only work in browsers that support HEIC; otherwise export them as JPEG first.

How accurate is the picked color?

You get the exact pixel value from the image. Very large images (over 4096 pixels on the longest side) are scaled down first to keep your browser responsive, which can blend neighbouring pixels slightly.

How are the main colors found?

A small copy of the image is analysed with the median cut method, which groups similar pixels and returns the average color of each group, most common first. Transparent pixels are ignored.

Can I pick colors from outside the page?

In browsers that support the EyeDropper API (currently Chrome and Edge on desktop), a “Pick from screen” button lets you pick any color on your screen. Other browsers don't offer this, so the button is hidden there.

Image Color Picker

Open or paste an image, then click any pixel to get its exact color code.

Drop an image here, paste one with Ctrl+V / ⌘+V, or use “Open image”.

Your image stays on your device. It is opened by your browser and never uploaded.

Selected color

Click or tap anywhere on your image to pick a color.

Main colors in this image

Open an image to see its main colors.

Picked colors

Colors you pick appear here.

How to pick a color from an image

Click Open image, drag a file onto the tool, or paste a screenshot with Ctrl+V (⌘+V on a Mac).
Move over the image: the magnifier shows the pixels under the cursor, enlarged. On a phone, touch and drag, then lift your finger to pick.
Click to pick. The HEX, RGB and HSL values appear with Copy buttons, and the color is added to your picked colors.
Use the main colors row to grab the image's dominant colors in one click.

Your image stays on your device

The image is decoded and read by your own browser using the Canvas API. It is not uploaded, stored or sent anywhere, and it disappears when you remove it, close the tab or reload the page. That makes the tool safe for unreleased designs, screenshots of private apps and personal photos.

Features

Exact pixel values, including transparency in PNG and WebP images.
A magnifier for precise picking of single pixels, with mouse, touch or keyboard.
Up to eight dominant colors, sorted by how much of the image they cover.
A history of the last 16 colors you picked.
A screen eyedropper in browsers with the EyeDropper API, to pick colors outside the page.
Large photos are scaled for speed, so even high-resolution images stay responsive.

Use cases

Matching a website's colors to a logo or product photo.
Getting the exact color of a UI element from a screenshot.
Building a palette from a photo you like — then refining it in the color palette generator.
Checking what color a “white” background in a photo really is.

Next steps

Open a picked color in the color picker for shades, tints and contrast checks, look up named colors in the HTML color codes list, or convert values with the HEX to RGB converter.

Frequently asked questions

Is my image uploaded anywhere?: No. The image is opened and read by your browser on your own device. Nothing is sent to a server, and the image is gone when you close or reload the page.
Which image formats work?: Any format your browser can display — usually PNG, JPEG, WebP, GIF, SVG, BMP and AVIF. HEIC photos from iPhones only work in browsers that support HEIC; otherwise export them as JPEG first.
How accurate is the picked color?: You get the exact pixel value from the image. Very large images (over 4096 pixels on the longest side) are scaled down first to keep your browser responsive, which can blend neighbouring pixels slightly.
How are the main colors found?: A small copy of the image is analysed with the median cut method, which groups similar pixels and returns the average color of each group, most common first. Transparent pixels are ignored.
Can I pick colors from outside the page?: In browsers that support the EyeDropper API (currently Chrome and Edge on desktop), a “Pick from screen” button lets you pick any color on your screen. Other browsers don't offer this, so the button is hidden there.