Color Palette From Image

Drop an image to extract a clean palette instantly. No uploads. Export HEX/RGB/HSL and copy CSS variables.

How to Use

  1. Drop an image or click to choose a file.
  2. Pick palette size and filters (ignore near-white/near-black, transparency).
  3. Copy values or export as CSS variables / JSON.
  4. Use “Share Link” to generate a URL that restores settings.
Image Lab
Local processing. Your image stays in your browser.
Swatches
—
Pixels
—
Mode
Local
Status
—
Drop image here
or click to choose • PNG, JPG, WEBP, GIF (first frame), etc.
Selected image preview
Palette
Click a swatch to select. Use Copy/Export in the rail.
Settings
Tune the extraction. Results update when you click “Extract Palette”.
Typical: 5–12. Larger palettes take longer.
Balanced is usually best for speed + accuracy.
Useful for product shots on white backgrounds.
Helps avoid shadows dominating the palette.
Details (values + percentages)
—
Percentages are approximate, based on sampled pixels (not every pixel in large images unless High quality is used).

FAQ

Does this upload my image?

No. Palette extraction runs locally in your browser. Your image is not sent to the server.

Why is my palette different from another site?

Different tools use different sampling, filtering, and quantization methods. Try changing quality, ignoring near-white/near-black, or switching methods.

Can this handle transparent PNGs?

Yes. You can ignore transparent pixels (recommended) or include them depending on your use case.

Tool Info

Last updated:

Updates may include improved extraction accuracy, export formats, and accessibility upgrades.