Color extraction
Color Palette Extractor
Upload an image and get its dominant colors as ready-to-copy hex codes.
Your files never leave your browser. Nothing is uploaded, stored, or seen by us.
How it works
Color-based search techniques index images by their overall palette rather than their content — useful for mood boards, brand matching, and design systems. This tool applies that same idea in reverse: it samples every pixel of your image inside an in-memory canvas, groups similar colors together, and surfaces the largest groups as your palette.
Frequently asked questions
- How are the dominant colors calculated?
- The image is drawn onto a small in-memory canvas, and every visible pixel is grouped into color buckets based on similarity. The largest buckets — the colors that appear most often — become your palette, each shown with its hex code and the approximate percentage of the image it covers.
- Why doesn't the palette include colors I can clearly see in the image?
- The extractor favors colors that cover a meaningful portion of the image. A color that appears in only a few scattered pixels — like a small logo or a thin highlight — may not make the top results even if it's visually noticeable.
- Can I use these colors in a design tool like Figma or CSS?
- Yes. Click any swatch to copy its hex code to your clipboard, then paste it directly into Figma, Photoshop, CSS, or any tool that accepts hex color values.
- Does this work with transparent PNGs?
- Yes — fully transparent pixels are excluded from the color sampling so they don't skew the palette toward white or black.