What is the Image Color Picker?
The Image Color Picker (eyedropper) is a free online tool that lets you grab the color of any spot in a photo or image with a single click and instantly copy its HEX, RGB, HSL, HSV & CMYK codes. Whether you want to match a website background exactly, find a logo or brand color, or use a color that fits a photo's mood in your design, you can extract colors right in your browser with no software to install.
A magnifier zooms into pixels as you hover so you can choose colors with pixel-level precision, and the most-used dominant colors across the whole image are extracted into a palette automatically. Picked colors are saved to your history and palettes can be exported as CSS variables or JSON, making the tool useful for designers, developers, and bloggers alike. Everything runs in your browser with no upload, so it stays private and secure.
Key Features
Precise pixel eyedropper + magnifier
Click anywhere on the image to pick that pixel's color. A magnifier overlay zooms into the cursor position so you can select down to a single pixel.
Five color codes, one-click copy
Each picked color is shown as HEX, RGB, HSL, HSV & CMYK at once; click the format you need and it copies straight to your clipboard.
Automatic dominant palette extraction
Color clustering (median-cut) extracts 5–8 key colors from the image, which you can export as CSS variables or JSON, or download as a file.
History, contrast hints, fully local
Picked colors are saved automatically and contrast against white/black is shown. All processing stays in your browser, so images are never uploaded.
How to Use
- Upload an image — add the image you want to sample via drag and drop, file select, or Ctrl+V paste.
- Pick a color — move the cursor over the image to see the magnifier zoom into pixels, then click the spot you want.
- Copy the code — click the HEX, RGB, HSL, HSV, or CMYK value to copy it to your clipboard.
- Check the palette — click swatches in the auto-extracted dominant palette to select or copy colors.
- Export — copy the palette as CSS variables or JSON, or download a JSON file. Picked colors are saved to history automatically.
Common Use Cases
Matching web & app design colors
Extract the exact background or accent color from a mockup or reference image and apply it directly in your CSS.
Confirming brand & logo colors
Find the exact brand color HEX code from a logo image for use in guidelines or merchandise.
Photo-based moodboards & palettes
Extract a color scheme that captures the mood of a travel or interior photo to shape your design concept.
Styling blogs, slides & documents
Pull matching colors from an image to use for text, shapes, and tables, creating content with a consistent palette.
Frequently Asked Questions
How do I pick a color from an image?
Upload an image by drag and drop, file select, or Ctrl+V paste, then click any spot to extract that pixel's color. Hovering shows a magnifier that zooms into pixels so you can click precisely, and the HEX, RGB, HSL, HSV & CMYK codes appear instantly upon selection.
How do I copy the HEX or RGB code of a picked color?
When you click a color, all five formats (HEX, RGB, HSL, HSV, CMYK) are shown at once. Click the box for the format you want and that code is copied straight to your clipboard, ready to paste into CSS, design tools, or documents.
Can it extract a dominant color palette from the image?
Yes. When you upload an image, it automatically extracts a dominant color palette based on color frequency and clustering (median-cut quantization). You can choose 5, 6, or 8 colors and copy the whole palette as CSS variables or JSON, or download it as a JSON file.
Is my uploaded image stored on a server?
No. All processing happens inside your browser (Canvas) only; the image is never sent to or stored on a server. Only your picked color history is saved in your browser's localStorage, keeping your data private.
Does it work on mobile?
Yes. Touch is supported, so you can press and drag on the image to inspect pixels with the magnifier and pick a color. Even tiny pixels can be selected accurately by increasing the magnifier zoom.
How is this different from the Color Converter?
The Color Converter converts color values you already know between HEX, RGB & HSL formats. This eyedropper does the opposite: it extracts colors from an image. You can then send a picked color to the converter to work with it in more detail.
Privacy Notice
Uploaded images are never sent to or stored on a server; all processing, including color picking and palette analysis, happens entirely inside your browser (Canvas). Your picked color history is stored only in your browser's localStorage and is not shared with other devices or servers, so you can use the tool with peace of mind.