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.