Pick colours from an image — hex, RGB and palette
Click anywhere on an image to sample that colour as hex and HSL, with contrast ratios — plus the image’s dominant palette extracted automatically.
Runs entirely in your browser — nothing is uploaded.
All processing happens in your browser. Your file is never uploaded.
Colours are sampled as a small average rather than a single pixel, which avoids picking up JPEG compression noise. Contrast ratios follow WCAG 2.1.
How to use
- Drop in an image. It renders at full resolution for accurate sampling.
- Click a pixel. The colour is read as a small average, which avoids picking up compression noise.
- Or take one from the palette. The dominant colours are extracted and ranked by how much of the image they cover.
Questions
Why sample an average instead of one pixel?
Because JPEG compression introduces noise, so a single pixel can be several shades off what you perceive. Averaging a small box gives the colour you actually see.
How are the dominant colours found?
Pixels are grouped into buckets by quantising each channel, then ranked by how many pixels fall into each. It is fast, deterministic and good enough for pulling a palette out of a photo.
Why does the palette miss a colour I can see?
Because the ranking is by area. A small bright accent may be visually striking but cover very little of the image. Click it directly to sample it.
What are the contrast numbers for?
They show how the sampled colour performs as text on white and on black, using WCAG 2.1. Body text needs at least 4.5:1 to meet AA.