Image color picker

Pick exact colors from any image

Open a photo, tap any pixel for its true HEX, RGB and HSL values, then shape the palette and export a PNG card or CSS variables. Everything runs in your browser — your image never leaves your device.

New to color picking? Read the step-by-step guide to picking colors from an image.

HEX— RGB— HSL— Alpha—
No pixel selected Choose an image, or start with the example.

Drop an image here

or press Choose image. You can also paste with Ctrl/Cmd + V. PNG, JPEG, WebP, GIF and BMP up to 25 MB.

Questions

Are my images uploaded?

No. PickTint decodes and reads the file inside your browser. There is no upload endpoint and no account, and no unconsented tracking script runs in the page, so the image never leaves your device.

Which image formats can I use?

PNG, JPEG, WebP, GIF (first frame), BMP and other raster formats your browser can decode, up to 25 MB and 40 megapixels. SVG and PDF files are not supported.

Why does a pixel show as transparent?

A fully transparent pixel (alpha 0) has no color, so PickTint says so instead of pretending it is black. Semi-transparent pixels show their real RGB values plus the alpha percentage, and you can copy the RGBA value.

Is the sampled color the real pixel?

Yes. Clicking or tapping reads the pixel from the full-resolution image, not from the scaled preview on screen. The palette is built from a downscaled copy for speed, then grouped and de-duplicated.

How does the automatic palette work?

PickTint samples a small copy of the image, groups similar pixels with a median-cut split, and merges near-duplicates. A single-color image returns one color instead of padding the list with fakes. You can change the target count, edit any HEX value, add, remove and reorder colors.

What do the exports contain?

The PNG card shows every color in order with its HEX and HSL labels. The CSS file defines stable variables named --picktint-1 and up, matching the palette order at the moment you export.

Does it work on a phone?

Yes. Tap or drag on the image to sample; the layout stacks the image above the palette on narrow screens. The example artwork works without choosing a file.