Image Color Picker
Pick colors from an image — click any pixel for its exact hex, with a magnifier to aim — then export the palette as CSS, Tailwind, SVG or ASE. No upload.
Drop an image here or click to browse
🔒 Picked in your browser — your image is never uploaded.
Grab colours straight from an image
Drop in an image — or paste the address of one, or take a photo on your phone — then click anywhere on it to read the exact colour under your cursor as a hex code, with rgb() and hsl() alongside it and a link through to the contrast checker, the colour converter and the shade generator. A palette of the image's most common colours is extracted automatically — click any swatch to copy it, or put a colour you picked yourself into any slot. The image is drawn and sampled entirely in your browser, so it is never uploaded; a URL you paste is fetched by your browser too.
How the palette works
Pixels are grouped into similar-colour buckets and ranked by how often they appear, giving you the dominant
colours of the image at a glance — handy for building a matching palette from a photo or logo. Export the result as
CSS custom properties, SCSS variables, a Tailwind theme, JSON, SVG, a GIMP palette, a PNG strip or an Adobe
.ase swatch file, or press Copy link: the palette travels in the URL, so it is shareable as it stands.
Frequently asked questions
How do I pick a specific colour?
Click that spot on the image. The hex code of the pixel you clicked appears with a swatch you can copy, plus its rgb() and hsl() forms. The magnifier shows which pixel is under the crosshair, and the value always comes from the original file rather than the resized copy on screen.
Where does the palette come from?
The tool samples the image and groups similar colours, then shows the most frequent ones as copyable swatches. You can overrule it: pick a colour from the image, choose a slot and press "Put the picked colour here".
How do I export or share the palette?
Choose a format — CSS, SCSS, Tailwind, JSON, SVG, GIMP .gpl, PNG or Adobe .ase — then copy the text or download the file. "Copy link" copies a URL with the palette in it, so anyone who opens it sees the same swatches.
Can I load an image from a URL?
Yes. Paste an https address and press Load; your browser fetches it directly. If the site does not allow cross-origin reads the fetch is refused — nothing is proxied through a server, because nothing is uploaded to one.
Is my image uploaded?
No. It is drawn to a canvas and read locally in your browser; nothing is sent to a server.