What it does
Surfaces the most frequent colors after light quantization, then greedily picks swatches that stay at least your
chosen distance apart in RGB space. Fast, readable, and good for capturing the “feel” of logos, screenshots, and references.
Privacy
Screenshots of dashboards or unreleased marketing should not hit third-party “extract colors” APIs. This page keeps
pixels in-tab until you export a palette strip or copy hex values yourself.
How extraction works
The image is downsampled in memory, pixels are quantized to reduce noise, then colors are sorted by frequency.
Swatches are picked so each new color is at least your minimum distance from those already chosen.
How to use
- Load an image (any common raster format).
- Set swatch count (3–12) and minimum separation.
- Click Extract palette, copy hex codes, optionally Download strip PNG.
Frequently asked questions
- Is my photo uploaded to extract colors?
- No. The image is decoded in memory, downsampled for analysis, and never transmitted. Clipboard and PNG strip export also stay on your device.
- Why do swatches differ from Photoshop's dominant colors?
- This tool uses fast frequency counting with RGB quantization and a minimum distance between picks — not k-means. Results are great for mood boards and UI inspiration, not a lab-grade color science match.
- How do I copy a hex code?
- Click a swatch or its Copy button. Browsers may block clipboard access on non-HTTPS localhost or if permissions are denied — in that case select the hex text manually.
- What does minimum color separation do?
- It is the minimum Euclidean distance in RGB space between selected swatches. Higher values spread colors apart and reduce near-duplicate blues or grays.
// huntermussel
Building design systems or themed UIs?
HunterMussel helps teams automate design-to-code workflows and intelligent tooling — from tokens to generated assets.
Explore Intelligent Automation →