Skip to contentSellstamp

Color palette from image

Extract the main colours from a photo or logo as a palette, with each colour’s share of the image, and copy them as HEX, RGB, HSL or CSS variables.

Opened in this tab, never uploaded.

2 to 12.

Your file stays on your device

Your browser opens and processes the file itself. It is never uploaded, to Sellstamp or anyone else, and nothing is kept after you close the page.

Selling images?

Photos, templates, presets or artwork: Sellstamp gives them a storefront and delivers the files automatically after payment. Open a free store

How to use it

  1. Choose an image.
  2. Set how many colours you want, from 2 to 12.
  3. Copy single colours, or the whole palette as CSS variables.

Your images are not uploaded

Your browser opens the image, does the work in this tab, and saves the result back to your device. Nothing is sent to Sellstamp or anyone else, so there is no upload to wait for and no copy on a server afterwards.

How the palette is found

The image is reduced to 200 pixels across, its colours are grouped into similar shades, and the most common shades that look clearly different from each other are chosen. Each colour is the average of the shades it stands for, and the bar shows how much of the image it covers. Transparent areas are ignored, so a logo gives its own colours rather than the background.

Questions

How many colours should I extract?

Five or six for a brand or a design palette. More shows the smaller accents.

Is the same image always given the same palette?

Yes. The method has no randomness.

Why is a small accent colour missing?

It covers too little of the image to be among the most common shades. Ask for more colours, or crop to the accent first.

Can I use the palette in CSS?

Yes. Copy the CSS variables block and paste it into your stylesheet.