Image

Image Color Palette Extractor

IMAGE — drag, click or paste (Ctrl+V)
🖼
Drag an image or click to choose
PNG · JPG · WEBP · GIF
— or try a sample —
Extracting…
#000000
Zoom

Hover the image to magnify pixels · click to grab a color.

PALETTE

Image Color Palette Extractor

You have a photo — a sunset, a product shot, a piece of art — and you want the colors in it. The Image Extractor reads the pixels right in your browser and pulls out a clean, dominant palette, with five algorithms to suit different images.

How to use it

  1. Drop in or upload any image — it never leaves your device.
  2. Choose an algorithm (Balanced, Vibrant, + Accents, Precise or By Hue) and set how many colors you want.
  3. Paint over a region to focus the extraction on just that part of the image.
  4. Open the result in the editor to refine it, or export as CSS, Figma tokens or ASE.

Good to know

  • Each algorithm has a personality: Vibrant favors punchy colors, Median Cut is even-handed — try a couple.
  • Painting a region is the fastest way to grab, say, just the sky or just a logo.
Related: fine-tune the result in the editor, save it to Saved, or turn it into a token system.