Color Palette Extractor

You can extract between 2 and 24 colors from any image. Use the slider to choose the exact number that works for your project.

The extractor supports JPG, PNG, WebP, GIF, and AVIF. Just drag and drop your image or click to browse — no conversion needed.

No. All processing happens entirely in your browser using the Canvas API. Your images never leave your device.

Dominant mode returns the most frequently occurring colors in the image. Vibrant mode reorders the same palette to show the most saturated (colorful) colors first.

The colors themselves are not protected by copyright. You can use any extracted color values freely in personal or commercial projects.

Click "Copy HEX" on any individual color card, then paste it directly into Figma's color picker or any design tool that accepts HEX values.

Each color is shown in HEX (#rrggbb), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)). You can copy them individually or use "Copy CSS" to get all colors as CSS custom properties.

Currently the tool only supports uploading local files. Extracting from an external URL would require the image to allow cross-origin access, which most sites do not.