All Tools
Free Tool

COLOR PALETTE

Extract dominant colors from any image — hex, RGB, HSL, and Tailwind values — 100% in your browser.

Select a swatch to adjust

0
Colors
0
Pixels
0
KB

Palette

Upload an image to extract its color palette

Click a swatch to see details

Click two swatches to compare contrast

— vs
—
—
Ratio
AA Normal AA Large AAA Normal AAA Large

Select a color to generate harmonies

No saved palettes yet.

Frequently Asked Questions

How does the Color Palette Extractor work?
Upload any image and the tool analyzes every pixel using a K-means clustering algorithm to identify the most dominant colors. All processing happens locally in your browser using the Canvas API — nothing is uploaded to any server.
How many colors can I extract?
You can extract 5, 10, or 15 dominant colors. More colors give a finer breakdown of the image's palette but may include very similar shades.
Can I lock specific colors and re-extract?
Yes. Click the lock icon on any swatch to protect it. When you re-extract at a different count, locked colors are preserved and the algorithm works around them.
What export formats are available?
You can copy individual hex, RGB, or HSL values. Export the full palette as a hex list, CSS custom properties, Tailwind CSS v4 config, or JSON.
Is my uploaded image stored or sent anywhere?
No. The K-means algorithm processes pixels directly in your browser via Canvas API. The image file never leaves your device, and the extracted palette exists only in memory during your session. Nothing is stored or tracked.
What image formats are supported?
All standard browser-supported formats: PNG, JPG, JPEG, WebP, GIF, BMP, and SVG. SVG files are rasterized for pixel sampling. Drag-and-drop, file picker, or paste from clipboard.

How to Use

01

Upload an Image

Drop or paste any image onto the upload zone. The tool samples pixels at a reduced resolution for fast K-means clustering — larger images are scaled down to 150px on the longest side before processing.

02

Choose Color Count

Select 5, 10, or 15 dominant colors. More colors give finer detail but may include similar shades. The K-means++ algorithm initializes centroids for better palette separation.

03

Lock & Refine

Lock swatches you want to keep, then re-extract with a different count. Locked colors are preserved in the new palette.

04

Copy or Export

Click any swatch to copy its hex value. Use the export button to download the palette as a hex list, CSS variables, Tailwind config, or JSON.

About the Color Palette Extractor

The Color Palette Extractor is a free online tool that analyzes any image to extract its most dominant colors. Using a K-means clustering algorithm running entirely in your browser, it identifies the key hues that define your image's look and feel.

Upload a photo for travel color inspiration, a brand logo for competitor research, or any digital artwork — the tool gives you hex, RGB, and HSL values for 5, 10, or 15 colors. Lock swatches you love and re-extract at a different count without losing your picks.

Export your palette as a plain hex list, CSS custom properties ready for your stylesheet, a Tailwind CSS v4 configuration snippet, or structured JSON for use in design tools and automation pipelines.

100% private and free. The image is sampled in-browser at a reduced resolution for fast clustering — no pixel data ever leaves your device. No sign-up, no uploads, no tracking.

Related Tools

Image Background Remover
Image Compressor
Image Converter
Image Resizer & Cropper
Color Palette Generator
Meme Generator
Watermark Remover