Image Color Picker
Free color picker from image — grab hex, RGB or HSL from any pixel, or get the full palette, average and dominant colours in one click.
How it works
How to pick a color from an image?
Open the picture
Drag, pick, or paste a JPG, PNG, WebP or GIF. Everything runs on your device — nothing is uploaded.
Pick a color from the image
Hover with the eyedropper loupe, click to lock a pixel, or nudge with the arrow keys.
Or take the whole palette
Get 2–24 colours with each share of the photo. Sort by dominance or hue, then click any swatch.
Copy the color code
Copy HEX, RGB, HSL and more, or export the full palette as CSS, Tailwind, JSON or swatches.
Pixel for pixel
The color finder reads the file, not the screen
A colour picker looks like one line of code, and it is — right up until the picture is on screen at a different size from the file. Then the pixel under your pointer is not a pixel of the image at all: it is whatever the browser’s downscaler decided to show there. Read the colour off that and you get a shade which exists nowhere in the file, which is why the same photo picked on a phone and on a laptop can hand back two different hex codes.
So this image color picker never samples what you are looking at. The picture is decoded once at its own resolution and every reading is taken from that copy. The loupe magnifies the decode, not the preview — and the auto palette is clustered from those same real pixels, nearest-neighbour, so every swatch is a colour you can point at in the photo.
Eyedropper sample size
At 1×1 you get that pixel exactly. At 3×3, 5×5 or 11×11 the tool averages a square of real pixels — the answer to grain and JPEG noise on a photograph.
Palette with real proportions
Each auto swatch carries the share of the image it covers. “41% of this photo is that blue” is what a flat row of squares cannot tell you — and what decides which color code leads.
What you get
Everything this color picker does
Image color finder with a real loupe
Zooms the real file pixels with a grid — so you hit the exact pixel, not a blurry preview.
Color palette from image, with shares
Clusters 2–24 colours on load, each with how much of the photo it covers.
Average and dominant colour
One answer for the whole photo — mean, light-accurate, or the colour that covers the most.
Sample one pixel or average a square
1×1 for flat UI, or 3×3 / 5×5 / 11×11 when the photo is noisy.
Hex, RGB, HSL, HSB and CMYK
Full colour readout plus nearest CSS name. One click copies any format.
Copy as CSS, Tailwind or JSON
Export the palette as variables, SCSS, Tailwind, JSON, SVG or a gradient.
Download swatches four ways
PNG, SVG, JSON and .gpl files for Photoshop, GIMP, Krita and Inkscape.
Contrast checker built in
WCAG contrast vs black and white text on every colour, graded AA or AAA.
Keyboard, touch and screen eyedropper
Arrow keys, touch drag, or pick any colour on screen in Chrome and Edge.
Questions