Extract dominant colours from any image. Get HEX, RGB, and HSL codes. Export as CSS variables or JSON. Canvas-based, no upload required.
Images are analysed via frequency-bin extraction in your browser. Nothing is uploaded.
More free utilities you might find useful
Quick answers to common questions
The tool samples pixels via the Canvas API, quantises similar colours into frequency bins, and returns the most common swatches. All processing runs in your browser — no server upload.
This tool outputs HEX codes (web standard), RGB values for CSS, and HSL in the JSON export. Copy individual swatches, export CSS custom properties (--color-1: #hex), or download a JSON palette file.
Yes. Colour extraction is used by designers to build cohesive palettes from photography. Extract from your product photos, brand imagery, or inspiration pictures and use the HEX codes directly in Figma, CSS, or design systems.
Your data is processed entirely in your browser. Nothing is sent to any server.