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.

It's a soft limit to keep the palette readable. Pick what you need, copy it, then clear and start again.

Image Color Picker

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.

—

Drop an image hereor click to choose

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

Color Palette from Image

Drop an image and the tool extracts a dominant-color palette via Canvas — copy HEX or grab the whole set.

Color 0 0

Image Duotone Effect

Apply a two-color duotone effect to any image — pick a shadow color and a highlight color, adjust midpoint and contrast, download the result. Spotify-style covers in two clicks.

Image 0 0

Image Compressor

Compress and resize JPEG, PNG, and WebP images in your browser.

Image 0 0

Image Vignette Generator

Add a soft radial vignette to any photo — adjustable amount, softness, radius, oval / circle / rectangle shape, dark or light, any color. 100% in your browser, no upload.

Image 0 0

Image Sharpen (Unsharp Mask)

Sharpen any photo or screenshot in your browser using the unsharp-mask algorithm — three sliders (amount, radius, threshold), four presets (subtle → extreme), live before/after comparison, and PNG download. Nothing is uploaded.

Image 0 0

Tilt-Shift / Miniature Effect

Fake a miniature-diorama look on any photo — sharp focus band plus blurred top and bottom, with optional saturation boost, all in the browser.

Image 0 0