Image Color Picker & Palette Extractor

Choose an image to extract a palette from it, or click any point of it to get that color’s HEX and RGB. The image stays in your browser

Choose an imageor drag and drop it here

PNG, JPG, WebP or GIF (max. 10MB)

or paste an image with Ctrl+V (⌘+V on a Mac)

How It Works

Our image color palette extractor groups similar colors of the image and takes the average of each group: it splits the colors where they differ most, refines the groups with a few rounds of k-means and merges groups that look the same, so slight noise in a flat area (JPEG, resizing) does not turn into an extra color. Open an image, choose 5, 8, 10 or 15 colors and export the palette in your preferred format. The palette can have fewer colors than you chose, for example when the image has fewer distinct colors. Colors are listed from lightest to darkest, not by how much of the image they cover.

Supported Formats

CSS Variables - Ready to use in your stylesheets
JSON - A colors array in a JSON object
Tailwind v4 - An @theme block for Tailwind CSS v4
Tailwind v3 - A colors object for tailwind.config.js
SCSS Variables - For Sass/SCSS projects
Array - Simple JavaScript array format

Use Cases

Extract brand colors from logos
Create color schemes from photographs
Match colors from design mockups