Images

Select an image file from your device. The tool loads a preview and samples the image at a reduced working size when needed, which keeps extraction practical for larger files.

The result is a palette of up to six colors ordered by the portion of sampled pixels they represent. You can copy individual HEX values or export the current palette as CSS, Sass, JavaScript, SVG, or PNG.

The extractor groups visually similar sampled pixels using a color-distance setting, removes fully unsaturated results and pure white, filters out very small color areas, and ranks the remaining groups by their share of the image. Duplicate HEX values are removed.

The Accuracy minus and plus controls move through palettes produced with different color-distance settings. Depending on the image, this can merge similar colors into a shorter palette or separate them into more distinct groups; an exact requested count is not always available.

A dominant palette represents colors that occupy meaningful areas of the sampled image. It may overlook tiny accents, transparent details, or an important object that covers few pixels, so treat the results as evidence about color frequency rather than semantic importance.

Extracted colors provide concrete starting points when visual source material already sets the direction.

• Derive palette inspiration from a photograph and compare its most common color families.
• Explore recurring colors in illustrations, artwork, or mood-board imagery.
• Record useful HEX references from existing visual or brand assets.
• Choose an extracted color as a starting point for a separate UI theme or style guide.

• Color Details: Inspect one extracted HEX value and convert it to other color formats.
• UI Theme: Build a numbered interface scale from a chosen extracted color.
• Color Style Guide: Develop a chosen color into semantic palettes and theme roles.