Colour palette from image

Turn a photo, logo or screenshot into a palette you can drop straight into your brand kit. Copy HEX values or export CSS and Tailwind tokens.

How it works

  1. Drop an image.
  2. We quantise the pixels locally and pick the dominant, accent and neutral colours.
  3. Copy HEX/RGB/HSL or export CSS variables.

How are the colours chosen?

A median-cut quantiser groups the image's pixels into clusters and ranks them by coverage and saturation.

Can I export the palette?

Yes: copy single values, a CSS :root block, or a Tailwind colours snippet.

Is my image uploaded?

No. Extraction runs in your browser.