Key takeaways
- 01Sample any pixel from any image and get HEX, RGB, and HSL codes in one click.
- 02A magnified loupe with up to 20x zoom makes it easy to grab exact pixels from logos or icons.
- 03Build a small palette from multiple picks — everything stays private in your browser.
- 04Free, no sign-up required, and works with JPG, PNG, WebP, AVIF, GIF, BMP, and HEIC.
Why Use a Browser-Based Colour Picker?
Designers, developers, and content creators regularly need to match a color from a reference image — a logo, a mood board, a client photo, or a screenshot. Most operating systems have basic eyedropper tools, but they lack the magnification, multi-format output, and palette building that make color picking fast in a real workflow.
Handytool's colour picker runs entirely in your browser, so there's no install, no account, and no images sent to any server. You get a magnified eyedropper, three simultaneous color formats (HEX, RGB, HSL), and a reusable palette — all for free.
How to Pick a Color From an Image
The whole process takes less than a minute.
- 01
Drop or open your image
Drag your image file onto the page or click to browse. JPG, PNG, WebP, AVIF, GIF, BMP, and HEIC are all supported — HEIC files from iPhones are decoded locally using WebAssembly.
- 02
Position the loupe over the target pixel
Move your cursor over the image. A zoomed-in loupe follows your cursor so you can see individual pixels even in dense or small images. Zoom goes up to 20x for logo details and icon work.
- 03
Click to sample the color
Click on the pixel you want. The HEX, RGB, and HSL values appear instantly in the panel.
- 04
Copy the format you need
Click any format badge to copy it to your clipboard. HEX is CSS-ready, RGB suits print work, and HSL is ideal when you need to design lighter or darker variants of the same hue.
- 05
Build a palette with multiple picks
Keep clicking around the image to add swatches to the mini palette at the bottom. Click any swatch to copy its HEX, or the x button to remove it.
Which Color Format Should You Use?
Each format serves a slightly different purpose.
- 01HEX (#B7FF3E) — the universal choice for web CSS and design tools like Figma.
- 02RGB (183, 255, 62) — preferred in print design, color calibration, and some design apps.
- 03HSL (83°, 100%, 62%) — best when you want to create tints, shades, or color ramps.
- 04All three formats represent the same color — copy whichever the downstream tool expects.
Your Images Never Leave Your Device
The colour picker is a fully client-side tool. Every image you drop is decoded by your browser's Canvas API, and every color calculation happens in local JavaScript. No data is transmitted to any server, logged, or stored — not even temporarily.
This means you can work safely with confidential mockups, client artwork, or unreleased product photos. Close the tab and everything is gone. No uploads to worry about, no privacy policy to scroll through.
Colour Picker FAQ
How do I pick a color from an image online?
Drop your image onto the Handytool colour picker, hover over the pixel you want, and click. HEX, RGB, and HSL values appear instantly and can be copied with one click.
Which image formats does the online color picker support?
JPG, PNG, WebP, AVIF, GIF, BMP, and HEIC/HEIF. HEIC photos from iPhones are decoded locally using WebAssembly, so no conversion is needed.
What is the difference between HEX, RGB, and HSL?
HEX is a six-digit code common in web CSS. RGB expresses color as three numeric values (red, green, blue) from 0 to 255. HSL uses hue, saturation, and lightness — useful for generating color ramps.
Is my image uploaded to a server?
No. The entire tool runs in your browser. Your image stays on your device from start to finish — nothing is sent to a server.
Can I save a palette of colors from one image?
Yes. Each click adds a swatch to the palette at the bottom of the page. Click a swatch to copy its HEX, or x to remove it. The palette is lost when you close the tab — copy your codes before leaving.
Is the colour picker free?
Yes. Handytool is entirely free with no sign-up, no usage limits, and no watermarks.