Skip to content

Color palette extractor

Pull the dominant colors out of any image.

Runs in your browser

About Color palette extractor

Get a palette from a photo, a brand logo or a screenshot of a site you like. The tool finds the dominant colors, orders them by prominence, and gives you HEX, RGB and HSL values plus a palette image to save.

  • Five to eight colors is a usable palette; more becomes noise.
  • Use Image color picker to grab one exact pixel instead.
  • Export the palette as CSS variables for quick use in a project.

How to use it

  1. 1Drop an image.
  2. 2Choose how many colors to extract.
  3. 3Copy the values or download the palette.

Questions

How are colors chosen?
By clustering the pixels and keeping the cluster centers that cover the most area.
Can I get exact brand colors?
For a flat logo, yes. For photos the values are representative averages.
Is the image uploaded?
No. Everything runs in your browser, so your files never leave your device.

More developer tools

Favicon converterTurn any image into favicon ICO and PNG sizes.App icon generatorGenerate the full iOS and Android icon set from one image.OG image generatorDesign a 1200×630 link preview card with templates, presets and the meta tags.OG image checkerPaste a URL and see its link preview, Open Graph tags and what to fix.Image color pickerClick any pixel and copy its color.SVG optimizerStrip editor junk and shrink SVG markup.Sprite sheet generatorPack icons into one sheet with matching CSS.Blurhash generatorCreate a tiny blurred placeholder for lazy loading.