Image Color Palette Extractor
Extract a dominant color palette from any photo or image as HEX, RGB, and HSL swatches with their share and one-click copy — 100% in your browser, no upload
Drop an image here or click to browse
🔒 Pixels are read in your browser — nothing is uploaded.
Extract a color palette from any image
Upload a photo, screenshot, logo, or illustration and this tool draws it onto an off-screen canvas, reads the pixels, and groups similar colors together to find the ones that dominate the image. Each swatch is shown with its HEX, RGB, and HSL values and the share of the picture it covers, so you can copy the exact code you need or grab the whole palette as an array. Use the slider to ask for anywhere from 2 to 12 colors.
How the palette is built
Every opaque pixel is sorted into a color bucket, buckets are ranked by how many pixels fall into them, and the top ones become your palette — each swatch colored by the true average of its bucket rather than a rounded approximation. Because the whole process is deterministic, the same image and swatch count always produce the same palette. Fully and mostly transparent pixels are skipped so empty areas never show up as a false black, and large images are scaled down first so extraction stays fast without changing the dominant colors.
Frequently asked questions
Is my image uploaded to a server?
No. The image is decoded and its pixels are read entirely inside your browser using a canvas. Nothing is uploaded, stored, or sent anywhere.
How many colors can I extract?
Anywhere from 2 to 12. Drag the swatch slider and the palette re-extracts instantly from the same image, so you can compare a tight 3-color scheme against a fuller 12-color set without re-uploading.
What does the percentage next to each color mean?
It is the share of the image that the color covers — the fraction of opaque pixels that fall into its color group. The swatches are ordered from the most dominant color down, so the first swatch covers the largest area.