Image Color Picker — Get HEX, RGB & HSL From Any Image
Click to choose an image — or drag & drop it here
JPG, PNG, WebP, GIF · processed in your browser, never uploaded
Hover to magnify, click to pick a color.
—
Click the image to pick a color
HEX
— RGB
— HSL
— Recent picks
Load a photo, screenshot, or logo and click any pixel to read its exact color as HEX, RGB, and HSL. A magnifier follows your cursor pixel by pixel so you can hit a 1-pixel border or a letter's edge precisely. Every picked color lands in a history row for quick comparison, and each format has a one-click copy button. The image is processed entirely in your browser — it is never uploaded anywhere.
How it works
- 1 Load an image Click the upload area or drag and drop a JPG, PNG, WebP, or GIF file onto it. The image opens instantly — nothing is sent to a server.
- 2 Hover to zoom, click to pick Move the cursor over the image and watch the magnifier show the surrounding pixels. Click when the crosshair sits on the exact pixel you want.
- 3 Copy the color code The picked color appears as HEX, RGB, and HSL with a copy button next to each format. Recent picks stay in the history row so you can compare shades.
Your data stays private
All processing happens entirely in your browser. No files, text, or data are ever sent to our servers. You can disconnect from the internet and this tool will still work.
Frequently asked questions
- Is my image uploaded to a server?
- No. The file is opened directly in your browser using the Canvas API. It never leaves your device, nothing is stored, and the tool keeps working even offline once the page is loaded.
- What color formats do I get?
- Every pick gives you three formats at once: HEX (#3FA2C4) for CSS and design tools, RGB (rgb(63, 162, 196)) for code, and HSL (hsl(195, 53%, 51%)) which is handy when you want to lighten or darken a shade while keeping the hue.
- How do I pick a single-pixel detail, like a thin border?
- Use the magnifier. It shows an 11×11 pixel area around the cursor with the target pixel outlined in the center, so you can position the crosshair on exactly one pixel before clicking.
- Which image formats are supported?
- Anything your browser can decode: JPG, PNG, WebP, GIF, BMP, SVG, and AVIF in modern browsers. Very large photos are scaled down to 4096 pixels on the long side — more than enough precision for color picking.
- Can I pick several colors and compare them?
- Yes. Each click adds the color to a history row of up to 12 swatches. Click any swatch to bring its values back — useful for building a palette from a photo.
From the blog
How to Get the Exact Color From Any Image (HEX, RGB, HSL) Three reliable ways to pick a color from an image, why screenshots can lie about colors, and when to use HEX vs HSL. Read the post →Related tools
Color Converter Convert colors between HEX, RGB, HSL, and HSV formats. Color Palette Generator Generate harmonious color palettes from a base color. Color Contrast Checker Check color contrast against WCAG accessibility standards. Image Cropper Crop images to a custom rectangle or fixed aspect ratio.