Browser image tool
Sample the image into color buckets and list several frequent colors. Use the palette as a starting point, then check colors in your actual design.
Your image is processed in this browser tab.
How to use it
The image is decoded in the browser and sampled from its pixels. Transparent pixels are skipped.
Generate the approximate palette, or click a point in the preview to inspect that pixel's color.
Download the generated colors as CSS custom properties or JSON. The palette is an approximation, not a professional color-management report.
Questions
No. The extractor groups similar RGB values and returns a few frequent buckets. Small accents and subtle gradients may not appear.
Displays, browser color management, and the source profile can affect appearance. The hex values are the sampled sRGB-style canvas values reported by the browser.
