Color Palette Extractor

Our Color Palette Extractor operates entirely in your local browser sandbox. When you select an image, the tool uses the browser's Canvas API or createImageBitmap() inside a background Web Worker. It loads the image pixels, downsamples them for efficiency, and applies a color quantization algorithm to group similar colors. No image files are ever uploaded to a server, ensuring absolute privacy.

Color quantization is a process that reduces the number of distinct colors used in an image, while maintaining as much visual similarity to the original as possible. It works by analyzing the 3D RGB color space of all image pixels and clustering them into boxes (using algorithms like Median Cut or MMCQ). The average color of each box becomes a palette color.

Each method scores and ranks colors differently. 'Dominant' sorts colors purely by their pixel count. 'Vibrant' weights colors with high saturation. 'Muted' favors pastel, low-saturation colors. 'Light' and 'Dark' filter colors by lightness. 'Balanced' is a specialized algorithm that selects a high-contrast combination across dominant, vibrant, and muted color bands.

The Web Content Accessibility Guidelines (WCAG) specify that text must have sufficient contrast against its background. Normal text requires a contrast ratio of at least 4.5:1 to pass level AA, and 7:1 for level AAA. Large text (18pt / 24px or bold 14pt / 18.6px and larger) requires at least 3:1 for AA and 4.5:1 for AAA. Our tool automatically computes and shows this rating for each color against black and white backgrounds.

Yes, you can. The SVG file is rendered onto an OffscreenCanvas or main-thread canvas at its native width and height, and then the pixel buffer is analyzed just like a raster image, enabling seamless color extraction from vector art.