Image Color Picker
Click anywhere on the image to pick colors. On a phone, touch and hold, then release to pick.
We think data protection is important! No user data is stored.
Image Color Picker - Extract Precise Colors from Any Image
Need the exact color of a single pixel in a logo, screenshot, or photo? The Image Color Picker lets you hover (or touch and hold on mobile) to open a magnifier that shows a pixel grid and the live HEX value before you commit. Click to grab the color, switch instantly between HEX, RGB, and HSL, fine-tune with the built-in RGB picker, and keep a history of up to 100 colors. Everything runs locally in your browser — your images are never uploaded to a server.
How to Use
Drag & drop a file, click to browse, or paste from the clipboard with Ctrl+V. JPG, PNG, WebP, GIF, and AVIF are all supported.
Move the cursor over the image (or touch and hold on a phone) to open the magnifier. It shows a zoomed pixel grid and the live HEX value under the crosshair. Use the Zoom slider (4x–16x) and the pixel-grid toggle to dial in precision.
Click the exact pixel to capture its color. Switch between HEX, RGB, and HSL with one tap, then click the swatch or the copy icon to copy — you get instant visual confirmation.
Reuse any color from the history (click a swatch to make it current, or remove one you don't need), and export the full list as a TXT, JSON, or ready-to-paste CSS variables file.
Key Features
A circular lens with a clear pixel grid and a red crosshair highlights the exact pixel. It automatically flips away from the edges so it never gets clipped.
See the HEX value of the pixel under the cursor in real time, before you click — no more guessing or trial-and-error picking.
Tune the magnifier from 4x to 16x and toggle the pixel grid on or off to match the detail level of your image.
Switch color formats instantly with a labeled toggle. Every picked color is converted in real time across all three formats.
Click the color swatch or the value to copy it to your clipboard, with an instant checkmark confirmation.
Keep up to 100 recent colors with their (x, y) positions. Click any to make it current, or remove individual ones you no longer need.
Fully usable on phones and tablets — touch and hold to aim with the magnifier, then release to pick the color.
Images are processed entirely in your browser with HTML5 Canvas. Nothing is uploaded, so your files stay on your device.
Popular Use Cases
Extract a consistent palette from logos, banners, or mockups and grab the exact HEX codes for your stylesheet.
Pull brand colors straight from a guideline image and export them as CSS variables, ready to paste into your project.
Sample colors from reference images to build new designs with matching, harmonious palettes.
Analyze the color choices in artwork pixel by pixel to study technique and build study palettes.
Create on-brand color palettes from product photos for campaigns, social posts, and ad creatives.
Collect colors from inspiring photos for interior design, mood boards, or personal projects.
Frequently Asked Questions
Are my images uploaded to a server?
No. Everything runs locally in your browser using HTML5 Canvas. Your images never leave your device, so the tool is completely private and works even offline.
Which color formats are supported?
Every picked color is available in HEX, RGB, and HSL, and you can switch between them with a single tap. You can also export the whole list as a TXT, JSON, or CSS variables file.
How do I pick a color accurately?
Hover over the image to open the magnifier, which shows a zoomed pixel grid plus the live HEX value under the crosshair. Increase the zoom (up to 16x) for tiny details, then click to capture the exact pixel.
Does it work on mobile?
Yes. On phones and tablets, touch and hold to move the magnifier and aim, then lift your finger to pick the color at that point.
Can I manage and reuse picked colors?
Absolutely. The history keeps up to 100 colors. Click any swatch to make it the current color, remove individual ones, or clear them all. You can also fine-tune the current color with the built-in RGB picker.
How can I export my colors?
Use the download menu to export as plain text (.txt) with positions, structured JSON (.json), or CSS custom properties (.css) you can paste straight into a :root block.
The Image Color Picker turns any image into a precise, exportable palette — a magnifier with a live HEX readout, adjustable zoom and pixel grid, HEX/RGB/HSL switching, a manageable color history, and TXT/JSON/CSS export. Completely free, 100% private, and running entirely in your browser.