🖼️ Utilities

Image Color Picker

Load an image and discover the color of any pixel in real time. Hover to see HEX, RGB and HSL with a magnifier. Automatically extracts the dominant color palette.

🖼️

Drag an image or click to select

JPG, PNG, GIF, WebP

How to use?

To get going, click the upload area or drag your file onto it. Then move the cursor over the image and watch the color of any pixel update in real time.

The magnifier shows a zoomed view of the area around the cursor, and the panel lists the HEX, RGB and HSL codes for the pixel underneath it. Click Copy to send the value you want to the clipboard.

The moment the image loads, the dominant colors section shows up on its own with the main colors found there. To copy the HEX code, just click whichever swatch you want.

Find the colours in an image

That exact colour from a photo, a logo or a visual reference is usually impossible to guess by eye. Load an image and find any pixel's colour by hovering over it, with a magnifier that shows the HEX, RGB and HSL values in real time.

Beyond sampling specific points, the tool pulls out the image's dominant colour palette on its own. Great for drawing inspiration from a photo, recreating a brand's identity or building a harmonious colour scheme from a reference.

The image is processed entirely in the browser and never goes to servers, so you can analyse personal or work files with full privacy. The codes come ready to copy and paste into your project.

Frequently asked questions

Does the picker work on a phone?

The magnifier and the pixel readout are driven by mouse movement over the image, and the code listens for mouse events only, with no touch equivalent. On a touchscreen, dragging a finger across the picture leaves the HEX, RGB and HSL values unchanged. The dominant palette still works: it is computed as soon as the image loads, and each swatch can be tapped to copy its code. For sampling pixels, use a mouse or trackpad.

Why does a palette code never match an exact pixel of my image?

The palette does not copy pixels. It buckets colours into steps of 24 levels per channel, counts the most frequent buckets and keeps up to 16 tones that sit at least 55 units apart in RGB space, so the row does not fill up with near-identical shades. Pixels more than half transparent are skipped. When you need the true value of one spot, hover it and read the panel rather than the palette.

Is the colour read from the original file or from a resized copy?

If the picture is wider than the display area, it is redrawn smaller on the canvas and every reading comes from that scaled copy. Flat areas of colour are unaffected, but on edges, thin text and small details the sampled pixel can be a blend of its neighbours. For a faithful value, crop the region of interest first, or use a file narrow enough to fit the page without being scaled down.