🎯 Color Picker
Pick any color from your image — click to save to palette
✓ Free Forever · ✓ No Signup · ✓ No Upload · ✓ Works Offline
🔒 Your image never leaves your device. All processing happens locally in your browser using Canvas getImageData pixel reading. No upload, no server, no tracking.
Features
- Pixel-Perfect Picking — Hover over the picture and a loupe shows the exact pixel you are on and its neighbours. Click to save it; the arrow buttons move a pick one pixel at a time.
- Multiple Formats — Get colors in HEX, RGB and HSL, each with its own Copy button — ready for CSS, design tools or code. Semi-transparent pixels come with their alpha (#rrggbbaa, rgba).
- Save Palette — Build up a palette of up to 12 colors. Copy individual colors or the entire palette.
- From Any Image — Extract colors from photos, screenshots, designs — any image source.
How It Works
- Upload your image — Drop any image you want to extract colors from.
- Hover and pick — Move the mouse over the image (or tap it on a phone) — the loupe shows the pixel. Click to save it to your palette; the arrows fine-tune the pick.
- Copy and use — Copy HEX, RGB or HSL with the buttons, click a saved color to copy its HEX, or use "Copy All" for the whole palette.
Use Cases
- Extract brand colors from a logo or website screenshot
- Find the exact color of any element in a design
- Get HEX/RGB values for CSS stylesheets
- Build color palettes from photographs for inspiration
Frequently Asked Questions
How accurate are the colors?
Exact to the pixel you point at. The position is mapped onto the image's own pixels whatever size it is shown at, and the loupe shows that pixel outlined among its neighbours. The value is what your browser decodes from the file, in sRGB: a wide-gamut (Display P3) photo is converted to sRGB first, and a heavily compressed JPG may already differ slightly from the original artwork.
Can I copy in RGB or HSL format?
Yes. The panel has a Copy button for the HEX, RGB and HSL value of the color shown. Clicking a saved color copies its HEX and shows all three again.
Does it work on a phone?
Yes. Tap the picture to pick a color. A fingertip covers dozens of pixels, so use the arrow buttons to move the pick one pixel at a time — the loupe and the ring on the picture show where you are.
What about transparent pixels?
A partly transparent pixel is reported with its alpha (#rrggbbaa, rgba(), hsla()). A fully transparent pixel has no color, so it can't be saved.
Notes from Milo 🐨
Embarrassing one: the picker read the wrong pixel most of the time. It assumed every picture was shown 700 px wide, so on a small logo, a tall screenshot or a phone it reported a color from somewhere else in the image (sometimes black, from past the edge). Now it reads exactly the pixel under your pointer, and a loupe shows it magnified among its neighbours so you can see you're on the right one. HEX, RGB and HSL each have a Copy button, a phone gets a full-width picture plus arrow buttons to move the pick one pixel at a time, transparent pixels are reported honestly, and you can drop a picture on the home page and send it straight here.
From the blog
- 📖 How to Pull a Color Palette Out of Any Image — Grabbing the exact colors from a photo, screenshot, or logo is the fastest way to build a palette that actually matches. Here's how to pick colors from an image and turn them into HEX, RGB, and HSL — in your browser.
- 📖 How to Get the Hex Code of Any Color in an Image — Pull the exact hex or RGB code of any color from an image or screenshot, right in your browser, with no upload. Steps, real tool alternatives, and trade-offs.
Related Tools
- 🎛️ Adjust Image — Fine-tune brightness, contrast, saturation and more
- 🌈 Image Filters — Apply beautiful filters — instantly in your browser
- 🎨 Color Converter — Convert colors between HEX, RGB, HSL, CMYK, and HSV formats
💬 Bug, idea, or just to say hi? Tell Milo 🐨 · [email protected]