Image Color Picker
Click anywhere on an uploaded image to pick the exact hex color of that pixel.
How to use this tool
- 1Click the upload zone and select any image file.
- 2The cursor changes to a crosshair over the image — click anywhere to pick that pixel's color.
- 3The picked hex code and color swatch appear below the image, with a Copy button.
- 4Up to 12 recent picks are saved in the history panel — click any to copy its hex code.
About Image Color Picker
This image color picker loads a local image, samples the sRGB pixel under your click, and shows HEX you can copy — plus a short history of recent picks so you can compare swatches without re-clicking.
You may need the color under a Slack PNG, a live-site screenshot, or a photo of a physical sample, not a guess from a brand PDF three revisions old. Eyedroppers in desktop apps work when the file is already there; this page avoids re-importing for one hex value.
Upload an image, click a pixel, and copy HEX from the result row. Sampling reads Canvas pixel data locally. Compression artifacts shift values near sharp edges — click flat regions when possible. Display calibration changes perception even when the stored bytes are consistent. If the on-page image is scaled in CSS, click using the preview the tool draws so coordinates stay aligned.
JPEG blocking near edges produces misleading samples. Semi-transparent PNG pixels blend with whatever background the canvas uses — check alpha edges carefully.
Verify critical brand colors against official swatches before ship; use picked values as practical references from raster sources.
Frequently asked questions
Displays are calibrated differently, and surrounding colors change perception. The tool reports pixel sRGB values from the bitmap. Trust the number for CSS, then verify in context. Perception-versus-HEX gaps are normal human vision scenarios. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Without a bitmap there is nothing valid to sample. Upload first, wait for the preview, then click. Empty-state clicks should not invent colors. Missing-image sampling is an input order scenario. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
JPEG ringing mixes neighboring colors into edge pixels, so HEX can be muddy. Click flatter interiors of the region. Prefer PNG exports from design tools for brand sampling. Artifact-edged picks are a classic error scenario for screenshots. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
The picker extracts HEX from pixels in an image. A converter remaps notations like HEX to RGB or HSL for a color you already know. Use picker first when the source is visual. Convert after you have a trusted HEX. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Both can read pixels, but soft-proofing, layers, and color profiles differ across apps. For web CSS, sampling the exported sRGB asset in-browser is often the right truth. For print, use a managed desktop pipeline. Choose the tool that matches the destination medium. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Copy important HEX values into your token doc before they roll off history. The panel is a short-term scratchpad, not a design system. Export deliberately. Losing history on refresh is expected session behavior. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
This tool expects a still image upload. Capture a frame as PNG or JPEG first, then pick. Forcing video files will not behave like a frame grabber. Still-image conversion is the supported scenario. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Sampling reads local pixel buffers in the browser without a required upload for the core flow. That keeps product screenshots private during audits. Clipboard copies of HEX still leave your machine when you paste them elsewhere. Clear sensitive images afterward. In practice, re-run Image Color Picker on a smaller sample after each change so you can see which input detail caused the mismatch. Keep the original nearby until you trust the export.
Related Tools
Image Resizer
Resize images to exact pixel dimensions in your browser — no upload, no server.
Image to Base64
Convert any image file to a Base64 data URL for embedding in HTML, CSS, or JSON.
Image Compressor
Compress JPG, PNG, and WebP images client-side using the Canvas API — no uploads, no server.