Image Color Picker
Pick a color from any pixel and get an automatic palette — HEX, RGB, HSL, HSB and CMYK, all one click away. The image is read inside your browser and never uploaded.
A color palette is extracted automatically the moment the image loads.
You can also paste an image straight from the clipboard with Ctrl + V (Cmd + V on a Mac).
Everything runs locally in your browser. Nothing is uploaded to any server — close the tab and your files are gone.
How to use
Load your image
Drop a JPEG, PNG, WebP, AVIF, GIF, BMP or SVG into the box, click to browse, or paste one with Ctrl + V. Your browser reads the file directly, so there is no upload and no queue.
Pick the pixel you want
Move over the artwork and the loupe magnifies the 11 × 11 pixels around the cursor with the center one outlined. Click or drag to lock the color in — it is read from the full-resolution image, not from the preview you see on screen.
Copy it in the format you need
HEX, RGB, HSL, HSB, CMYK and a ready-to-paste CSS line all sit in the panel below, each with its own copy button. Your last eight picks stay within reach underneath.
Take the whole palette
The dominant colors are extracted for you. Switch between 4 and 16 swatches, then copy every HEX at once or grab the set as CSS custom properties.
Frequently asked questions
Why don’t the CMYK values match Photoshop?
Because a browser has no ICC profile to convert through. These numbers come from the standard formula that maps RGB straight to CMYK, while Photoshop converts through a specific profile such as U.S. Web Coated (SWOP) and factors in the ink, press and paper you configured. Treat the values here as a starting point and confirm the final mix in your layout app before printing.
How are the palette colors chosen?
The image is sampled down to roughly 100,000 pixels, and those pixels are grouped by median-cut quantization: the widest cluster of colors is split in two over and over until there are as many groups as swatches you asked for, and each group is averaged into one color. Swatches are ordered by how much of the image they cover, fully transparent areas are left out, and artwork with fewer distinct colors than you asked for returns fewer swatches rather than padded duplicates.
Which image formats can I open?
Anything your browser decodes: JPEG, PNG, WebP, AVIF, GIF, BMP and SVG. An SVG is rasterized first so there are pixels to sample, and a small one is drawn larger beforehand so the loupe has detail to show. Animated GIFs are read as their first frame.
Does it work with very large photos?
Yes, at full resolution up to about 16 megapixels. Browsers cap how large a canvas can be, so anything bigger is rasterized into a scaled copy — the tool says so on screen when that happens. Palette extraction always runs on a sampled copy, which is why it stays instant no matter how big the file is.
Does the image or the colors I pick leave my device?
Neither does. The file is read by your browser and drawn onto a canvas on your own machine — there is no upload step at all — and every color you pick lives only in that tab. Nothing is stored or sent anywhere, and closing the tab clears it.
What happens when I pick a semi-transparent pixel?
The panel switches to RGBA and an eight-digit HEX so the alpha channel isn’t silently dropped, and the CSS line carries it too. Palette extraction skips anything below 50% opacity, so a transparent PNG doesn’t hand you a swatch of its own empty background.