Image Color Picker
Upload an image, click anywhere to pick a color, and get a palette of its dominant colors. Everything runs in your browser.
Picked color
Click anywhere on the image to pick a color.
Dominant colors
Upload an image to extract its dominant palette.
The image stays on your device — it is loaded into a hidden canvas in your browser where pixel data is read directly. No uploads, no storage, no server-side processing. This matters for two reasons: privacy (you can drop confidential mockups, internal designs and unreleased product imagery without anything leaving your machine) and speed (no upload latency, the picker responds instantly).
The picker has two modes. The dominant palette mode quantizes the image into six representative colors using a frequency-weighted clustering algorithm, with a slight bias toward visually distinct mid-tones over flat backgrounds. The pixel mode returns the exact color at the click point, with its hex, RGB and HSL values. Use the dominant mode for moodboards and overall palette inspiration, the pixel mode when you need to match a specific brand color from a screenshot.
For best results, use uncompressed source files (PNG, BMP) when you need accurate pixel values. JPG compression introduces color shifts of a few hex points, especially in flat areas, which is fine for moodboards but not for color matching. Vector formats (SVG) work too — the browser rasterizes them automatically when you drop them in.
Frequently asked questions
Is my image uploaded to your servers?+
No. The image stays in your browser. The picker uses the HTML canvas API to read pixel data locally on your device. Nothing is uploaded, stored, or transmitted. You can drop confidential designs, unreleased product imagery and internal mockups with full privacy.
Why are some extracted colors slightly off?+
The dominant palette mode quantizes colors to find clusters of similar pixels, so the output is a representative color rather than an exact pixel value. To get the exact color of any pixel, click on it — the picker mode reads the precise hex at the click location.
What image formats are supported?+
Anything your browser can decode — JPG, PNG, GIF, WebP, AVIF and SVG. For pixel-accurate color matching, prefer PNG (lossless) over JPG (compressed). Animated formats (GIF, animated WebP) are sampled from the first frame.
How big can the image be?+
There is no hard size limit, but very large images (above 4000x4000 pixels) may take a moment to process and consume a lot of browser memory on lower-end devices. For dominant palette extraction, the algorithm samples pixels rather than reading every one, so larger images do not slow it down meaningfully.
Can I pick from a CORS-restricted image URL?+
If you paste an image URL hosted on another domain, it must serve the right CORS headers (Access-Control-Allow-Origin) for the canvas to read its pixels — otherwise the browser blocks the read for security reasons. The simplest workaround is to download the image locally and drop the file directly.