UtilityBaseImage Tools
Color Palette Extractor
Pull the six dominant colors from any image — hex codes, one click to copy.
Updated July 8, 2026
How to use the color palette extractor
- 1Drop in an image — photos, logos, screenshots, mockups.
- 2Read the six swatches, ordered by how much of the image each covers.
- 3Click a swatch to copy its hex code.
- 4Crop first if you want the palette of one region.
Common uses
- Pulling a brand's colors from a logo for matching designs
- Building a room, outfit, or thumbnail palette from an inspiration photo
- Getting accurate colorway hexes from product photos for listings
- Starting a design system from a mood-board image
Frequently asked questions
How does it decide which colors are 'dominant'?
Median-cut quantization: all pixels start in one box, and the box with the widest color range keeps splitting at its median until there are six. Each swatch is a box's average color, and the percentage shows how much of the image that box holds. It surfaces what visually dominates rather than the most saturated accents.
Why doesn't a small bright detail show up?
A red logo covering 1% of a photo lives in the same cluster as everything near it — dominance is measured by pixel population. To capture a small accent, crop to it (or eyedrop it with the color picker tool) rather than extracting from the full frame.
How do I turn these into a full design palette?
Extract, then refine: take the dominant swatch into the palette generator to build proper tints, shades, and harmonies around it. Extracted colors tell you what the image is; a designed palette adds contrast levels and accents the image itself may not contain.
Are my images uploaded?
No — the image is drawn to a downscaled in-memory canvas, quantized there, and discarded. Nothing leaves the tab, so client mockups and unreleased product shots are fine.
About this tool
The color palette extractor finds the dominant colors in any image using median-cut quantization — the image's pixels are recursively partitioned by their widest color range into six clusters, and each swatch is a cluster's average, sized and ordered by how much of the image it covers. Click any swatch to copy its hex. It's the fast answer to 'what colors are in this?' — pulling a brand palette from a logo, building a design scheme around a photo, or matching product colors for a listing. The image is processed on a downscaled copy entirely in your browser and never uploaded.
Like most tools on UtilityBase, the color palette extractor runs entirely in your browser — nothing you enter is uploaded or stored on a server. It's free to use with no account required. Browse more image tools here.
Was this tool helpful?
Related tools
Color Palette Generator
Turn one base color into complementary, analogous, triadic, and shade palettes.
Generators
Color Picker
Pick a color and get HEX, RGB, and HSL values with shades and tints.
Image Tools
Image Converter
Convert images between WebP, JPEG, and PNG in batches — with size comparison.
Image Tools
Image Resizer
Resize images to exact pixels — right in your browser, nothing uploaded.
Image Tools
Background Remover
AI background removal that runs on your device — no upload, no watermark, no limits.
Image Tools
Video Compressor
Shrink videos for Discord, email, or storage — without uploading them anywhere.
Image Tools