Image tool
Image Color Extractor
Extract a dominant color palette from any JPG, PNG, or WebP image. Click the preview to sample exact colors, then copy HEX, RGB, HSL, CSS variables, or downloadable JSON.
🔒 100% private browser processing
Your image never leaves your device. Xepoca analyzes its pixels locally and does not upload or store the file.
Drop an image here
Or click to choose a JPG, PNG, or WebP image.
Maximum file size: 30 MB
How image color extraction works
Xepoca downsizes the image for efficient analysis, groups nearby RGB values, and divides those groups into representative color ranges. Each range becomes one dominant palette color weighted by how often it appears in the sampled pixels.
The palette is an approximation of the image's most prominent colors, while the click picker samples the selected point directly. Increase the sample area to average neighboring pixels in textured photos or use a one-pixel sample for sharp graphics.
HEX values are convenient for web design, RGB values match screen color channels, and HSL values make hue, saturation, and lightness easier to adjust when building related colors.
Common uses
Brand and logo palettes
Extract recurring colors from a logo, campaign graphic, or brand reference image.
Website and app design
Turn an inspiration image into copy-ready HEX, RGB, HSL, and CSS color variables.
Photography and artwork
Identify dominant tones for color grading, captions, borders, and presentation themes.
Precise pixel inspection
Click a screenshot, mockup, or illustration to inspect the exact color at a chosen point.
Related Xepoca tools
Frequently Asked Questions
Is the Image Color Extractor free?+
Yes. You can extract palettes, pick colors, copy values, and download palette JSON without creating an account.
Are my images uploaded?+
No. Pixel analysis happens locally in your browser, so the image remains on your device.
Which image formats are supported?+
The tool supports JPG, PNG, and WebP images up to 30 MB.
Why can the palette change with different settings?+
Palette size, sampling accuracy, and white or black filtering change which pixels are grouped and how many representative colors are produced.
Can I pick a color from an exact point?+
Yes. Click the image preview to sample that location. Set the click sample area to 1 × 1 for one pixel or increase it to average nearby pixels.
How can I export the colors?+
Copy any individual value, copy the full palette as CSS variables or JSON, or download a JSON palette file.