Image Color Palette Extractor

Matching a design, a mood board, or a brand's look to a photo you're working from usually means guessing at hex codes by eye, or opening the image in a full desktop editor just to use its eyedropper tool. This tool extracts a ready-to-use color palette straight from an uploaded image — upload a photo or graphic, and it analyzes the pixel data to surface the colors that actually dominate it, each shown as a swatch with copyable HEX and RGB values.

Under the hood, the uploaded image is decoded and drawn onto an in-memory canvas, and its pixel data is grouped using median-cut color quantization — the same general technique classic color-quantization tools use to reduce a photo's full range of colors down to a small, representative set. Rather than just picking the single most common pixel value (which tends to overweight large flat regions like a sky or a wall), median-cut repeatedly splits the image's colors into smaller and smaller groups along whichever channel varies the most, then averages each final group into one representative swatch — so the result reflects the image's actual color structure, not just its single most frequent pixel.

You control how many swatches come back, from a tight 2-color summary up to a fuller 12-color breakdown, and each swatch shows what share of the sampled image it represents alongside its HEX and RGB values, with a one-click copy button for each. A "copy all HEX values" shortcut grabs the whole palette at once for pasting into a design tool, a CSS file, or a mood board.

Every step — decoding the image, sampling its pixels, and running the color quantization — happens locally using the Canvas API already built into your browser. Your image is never uploaded, transmitted, logged, or stored anywhere, even for a moment.