AbraCalc

Color Palette from Image

Upload an image and extract its dominant colors as hex swatches, entirely in your browser. Your image is never uploaded.

Pick an image — it is processed entirely on your device.

Pure browser JavaScript — uses FileReader and the Canvas getImageData API.

Embed this tool on your site

How to use this tool

  1. Choose an image file from your device.
  2. Set how many colors you want (2–12).
  3. Click Extract palette to see the dominant swatches with hex codes.

Upload an image and extract its dominant colors as hex swatches, entirely in your browser. Your image is never uploaded.

Frequently asked questions

How are dominant colors chosen?
The image is downscaled to a small canvas, pixels are quantized into color buckets, and the most populated buckets are averaged into representative swatches.
Is my image uploaded?
No — everything runs locally with FileReader and Canvas. The image never leaves your device.

References & sources