Image Color Picker help

Pulls a small set of representative colours out of any image, so you can match a design to a photo or lift a scheme from a screenshot. The image is read in the page and never uploaded.

Steps

1. Drop an image, or click to choose one.
2. Use the slider to set how many colours you want, from 2 to 12.
3. Each swatch shows its hex code and roughly what share of the image it covers.
4. Click a swatch to copy its hex. Or use "Copy all hex" / "Copy as CSS variables".

How it picks the colours

The image is scaled down, then a median-cut pass groups every pixel into the number of buckets you asked for and averages each bucket. It is an approximation of the palette, weighted by how much of the image each colour covers.

Limits

• Fully transparent pixels are ignored.
• The same image and count always give the same result, but changing the count re-groups everything, so colours can shift.
• It reports the colours that are there, not a designed palette. Photos with gradients give muddy midtones.

The image is analysed on a canvas in your browser. It never leaves your device.