Color Palette Extractor

Pull the dominant colors from any image as a palette — hex, RGB, and pixel share.

Analyzer Media & Files Updated Apr 18, 2026
How to Use
  1. Drop or pick an image.
  2. Adjust count for more/fewer swatches.
  3. Click a chip to copy its hex.
Image
🎨
Drop image or
PNG, JPG, GIF, WebP, SVG
Preview
Pick an image.

Notes

Method
Median cut on RGB histogram
Fast and order-independent.
Sample size
Up to 200k pixels
Downsampled for large images.
Click chip
Copies hex
Paste anywhere.
Export CSS
--color-0 … --color-n
Ready for themes.
Privacy
Local only
No upload.
Alpha
Skipped if 0
Only visible pixels count.

Frequently Asked Questions

How is it computed?

Pixels are binned into a 16⁴ histogram, then merged by median-cut into the requested palette size.

Transparency?

Fully transparent pixels are excluded.

Common Use Cases

Design

Snag a brand palette from a hero image.

Theme

Build CSS variables from artwork.

Last updated: