Image Color Palette Extractor

Extract dominant color palettes and inspect individual pixels with a live magnifying loupe from JPG, PNG, WebP, and SVG images. Export as Hex, RGB, HSL, CSS variables, Tailwind config, or PNG swatch sheets. 100% in-browser processing.

Live

JPG
PNG
WEBP
SVG

100% Client-Side: Colors extracted in memory, image never leaves your device.

Pure TypeScript Median-Cut

Drop an image here or click to browse

Supports JPG, PNG, WebP, SVG • Or paste directly with Ctrl+V

How to use this tool

Upload an image file (JPG, PNG, WebP, SVG) or paste directly from your clipboard.
Choose your desired palette size: 5, 8, or 10 dominant color clusters.
Hover or click anywhere on the image preview to sample individual pixels with the interactive magnifier loupe.
Click any swatch to copy Hex, RGB, or HSL values, or export your full palette as CSS variables, Tailwind configuration, or JSON.
Click 'Download Swatch Card' to export a sleek 1200x630 social card of your color palette.

Frequently asked questions

Quick answers about file privacy, processing modes, formats, and device support.

The extractor leverages HTML5 Canvas pixel sampling and a high-performance median-cut color quantization algorithm implemented in pure TypeScript. Your image is processed locally inside your browser's memory with zero server uploads.

Yes! Simply press Ctrl+V (or Cmd+V on macOS) anywhere inside the tool workspace to paste screenshots or copied graphics directly.

When hovering over the image preview, a high-magnification loupe renders a zoomed pixel grid showing the exact color beneath your cursor. Clicking will sample and pin the color to your custom inspection swatches.

You can copy individual Hex, RGB, and HSL codes with a single click, export the complete palette as Tailwind CSS theme colors, CSS custom properties (:root variables), raw JSON, or download a high-res 1200x630 PNG swatch card.

Never. 100% of the extraction runs client-side in your browser. No image data or color metrics ever leave your machine.

image

Featured

Image Converter

Convert a JPEG, PNG, or WebP image between formats. Processing runs on the Elixuvo API in memory — files are not stored permanently.

Image Compressor

Compress a JPEG, PNG, or WebP image with a quality setting. Processing runs on the Elixuvo API in memory — files are not stored permanently.

SVG to PNG Converter

Convert scalable vector SVG files into high-resolution raster PNG images with custom scaling (1x, 2x Retina, 4x Ultra HD) and transparency control. 100% in-browser processing.