Free image color picker online.

Drop the image onto the picker. Move your cursor over any pixel to see the live hex, RGB, and HSL values in the readout panel. Click the pixel to save it to your picks list, then hit Copy to put the hex on your clipboard. Works on JPG, PNG, WebP, and HEIC. Everything runs in your browser so the image never uploads.

Pixel-accurate. The image decodes at full resolution into an off-screen canvas; the preview you see is just a scaled view. When you hover at coordinate (x, y) on the preview, we read the exact pixel from the full-resolution buffer, so a JPEG compression artifact stays a JPEG compression artifact and the hex you copy is the hex that's actually in the file.

Yes. As soon as the image loads, the picker computes the top 8 dominant colors using a 32-level RGB cube histogram on a downsampled copy. Useful for building a brand palette from a logo, sampling skin tones for retouching, or matching paint to a photo of a room. Click any dominant swatch to save it like a manual pick.

Yes. Every pick is shown as a 6-character hex (#RRGGBB) that drops straight into CSS, Tailwind config, Figma, Sketch, or any HTML color attribute. The Copy button copies the hex with the # prefix already included.

Every pick also shows RGB (e.g. rgb(220, 53, 69)) and HSL (e.g. hsl(354, 70%, 54%)) so you can paste straight into CSS variables, Tailwind extends, or design-system tokens that prefer one format over another.

Yes. No accounts, no daily caps, no per-file size limit, no watermark. The whole pipeline runs in your browser. We never see your image.

Yes. HEIC files are decoded in the browser (via heic2any) and then handled exactly like a JPEG. The hover readout and dominant-colors palette work the same way.

To keep the picks list scannable. After 12 the oldest entry drops off. If you need more, copy each hex out as you go and paste them into your design tool or notes.

Not automatically. It's a frequency-based histogram, so the most common pixels (often the background) come out on top. If you want a palette of just the subject, crop the photo first with our crop tool, then drop the cropped image into the picker.

Not directly. The recent-picks list lives in the page for the session. For a permanent palette, copy each hex (one click) and paste into your design tool, a CSS file, or a notes app. The picks are deduped, so the same hex won't appear twice in a row.