Image
Color Picker from Image
Hover to preview, click to pick — get HEX, RGB, and HSL instantly. Nothing leaves your browser.
Whether you are matching a brand color from a logo, pulling a shade out of a photo for a design mockup, or just need the HTML color code behind a screenshot, this tool works like a digital eyedropper. Drop in any image and a magnified loupe follows your cursor, showing the exact pixel you are about to sample before you commit. Click or tap to pick it — the HEX, RGB, and HSL values appear immediately, each with its own one-click copy button, and every pick is kept in a short history so you can compare a few options at once. Need a full color scheme instead of a single value? The palette extractor clusters the image into roughly six dominant colors using a lightweight k-means quantization, giving you a ready-to-use set of swatches. Everything runs on an HTML Canvas element directly in your browser — the image is decoded and sampled locally and is never uploaded to a server.
Related Tools
How to Use
- 1
Drop in an image, or use the file offered automatically if you just came from another WeConvertIt tool.
- 2
Hover over the image (or touch and hold on mobile) — a magnified loupe shows the pixel under your cursor along with its live HEX code.
- 3
Click or tap to pick that pixel. HEX, RGB, and HSL values appear below, each with a one-click copy button, and a swatch shows the exact color.
- 4
Scroll to zoom or drag to pan for precise picking on a large image — the loupe stays pixel-accurate at any zoom level.
- 5
Click "Extract palette" to pull roughly six dominant colors out of the whole image, each with a copyable HEX code.
Frequently Asked Questions
How do I get the HEX code of a color in a photo?
Upload the photo, then hover or tap over the exact spot you want — a magnified loupe shows the pixel up close. Click or tap to pick it, and the HEX, RGB, and HSL values appear with a one-click copy button next to each.
Can I extract a color palette from an image?
Yes — click "Extract palette" and the tool clusters the image's pixels by similarity (a lightweight k-means quantization) to surface around six dominant colors, each with a copyable HEX code.
Does this work on a phone?
Yes. Tap and hold to preview a pixel in the magnifier, then release to pick it. Pinch or use the on-screen zoom buttons for precise picking on small screens.
Is my image uploaded anywhere?
No. The image is decoded and sampled entirely on an HTML Canvas element in your browser. Nothing is sent to a server — open your browser's Network tab while using the tool to confirm.
What is the difference between HEX, RGB, and HSL?
They are three ways of writing the same color. HEX is a six-digit code used constantly in CSS and design tools. RGB spells out red, green, and blue as 0–255 values. HSL describes hue, saturation, and lightness, which is often more intuitive for adjusting a color by eye. The tool shows all three at once so you can copy whichever your project needs.
Can I zoom in for precise pixel picking on a large image?
Yes. Scroll to zoom, drag to pan, or use the +/− and Fit/100% buttons. The magnifying loupe always shows a pixel-accurate crop regardless of the current zoom level, so picking is precise even on a fully zoomed-out image.