Pull the dominant colours out of an image with hex, HSL and the share of each.
Drop an image here
PNG, JPEG, WebP or GIF, up to 10 MB
The image is read in your browser and never uploaded.
Drag in a photograph, a screenshot, a logo or a moodboard. The file is read locally and never leaves your browser, so client work stays private.
Between three and ten. Fewer gives you the broad strokes, more picks up accents. Logos usually need only three or four; photographs reward a larger palette.
Each swatch shows its hex, its HSL and how much of the image it covers, so you can tell a real brand colour from a stray highlight before using it.
No. The file is read locally and drawn to a canvas in your browser, so nothing is sent anywhere. That matters for client work and unreleased designs.
Pixels are grouped into buckets of visually similar colours, then the busiest buckets are returned with their averaged colour. The percentage tells you how much of the image each one covers.
They are skipped on purpose. Most photographs are dominated by near-white and near-black pixels, and returning them first would bury the colours you actually want.
A larger count reaches further down the frequency list, so it picks up accent colours that a smaller palette leaves out. It does not recalculate the top colours, it just shows more of them.
The image is downscaled before analysis, which keeps it fast. Downscaling does not change which colours dominate, so the palette is the same either way.
Yes, and logos give the cleanest results because they use a small number of flat colours. Three or four is usually the right count for one.
No. Extraction only tells you what is in the image. Run any pair you plan to use as text and background through the contrast checker, which is linked below.
Yes, completely free with no sign-up.
Convert colors between HEX, RGB, and HSL formats with live preview and CSS output.
Open ToolCheck any colour pair against WCAG AA and AAA, and get a suggested fix when it fails.
Open ToolTurn one hex value into a full 50 to 950 scale for Tailwind v4, v3 or CSS variables.
Open Tool