Image Color Picker
Image
Drop or pick an image, hover to preview the color under the cursor, click to lock it into your palette. The last 12 picks are kept on the page with one-click copy — useful for matching a logo color, building a palette from a photo, or pulling shades out of a screenshot. Everything runs locally via Canvas getImageData.
How to use
- Drop an image or click the box to choose one.
- Hover over the image to see the color under the cursor.
- Click to lock it into the palette below.
- Copy any saved color with the button next to it.
Frequently asked questions
- Why is the color slightly different from my design tool?
- Browsers may apply the image's color profile (sRGB conversion) on decode. For pixel-exact picks, save the source as plain sRGB and avoid color-managed formats.
- Does it work with transparent PNGs?
- Yes — fully transparent pixels return the background color of the area they sit on. The picker reads the raw RGB values from the image bitmap.
- Is the image uploaded?
- No. The picker uses Canvas getImageData locally. Cross-origin images loaded into the canvas would normally raise a security error, but uploads from your device are always same-origin.
- Why only 12 picks?
- It's a soft limit to keep the palette readable. Pick what you need, copy it, then clear and start again.
Related tools
Image Crop (Aspect Ratio)
Crop any image to a standard aspect ratio (1:1, 16:9, 4:3, etc.) — centered automatically.
Image Rotate & Flip
Rotate an image 90° at a time or flip it horizontally / vertically, then download the result.
Image Resize
Resize an image to any dimensions and export as PNG, JPEG, or WebP — all in your browser.
Image to Base64
Convert an image to a Base64 data URL you can paste anywhere.
QR Code Generator
Create custom QR codes from any text or URL and download them.
Image Compressor
Compress and resize JPEG, PNG, and WebP images in your browser.