Image Color Picker

Upload, drag or paste an image and click anywhere on it to sample that pixel's color, with HEX, RGB and HSL values ready to copy.

FreeOnline Tool

Loading…

How to Use

Click the upload area, drag an image into the dashed box, or copy an image and press Ctrl+V (Cmd+V on Mac) to paste it in directly
Move the mouse over the image to preview the color under the cursor in real time
Click anywhere on the image to sample that color and add it to the collected list
Each sampled color is shown in HEX, RGB and HSL, and the "Copy" button next to a format copies that value

Click to sample: upload an image and click any point to pick up its color
Live preview: the color under the cursor is shown as you move the mouse across the image
Three formats at once: HEX, RGB and HSL values are displayed together
Color history: sampled colors are recorded automatically, up to 20 of them
One-click copy: every color format has its own copy button
Three ways to load an image: click to upload, drag and drop, or paste from the clipboard with Ctrl+V

Web design color sampling

Pull colors from a reference image to build a palette for a website or UI design.

Graphic design palettes

Extract a brand color or dominant tone from source imagery for posters, logos and similar work.

Color analysis

Study how an image is composed by reading exact color values from specific areas.

Building a reference library

Collect colors from several images to assemble your own palette reference.

Which image formats are supported?

All common browser-supported image formats, including PNG, JPG, GIF, WebP, BMP and SVG.

How precise is the sampling?

Pixel-level. Whichever pixel you click is the pixel sampled, with exact values for each RGB channel.

Are the sampled colors saved?

They live in the current browser session only and disappear when you refresh the page, so copy the values you need right away.

How many colors can I collect?

Up to 20. Once you go past that, the oldest sampled color is dropped automatically.