Skip to content
DevLab

🎨 Image Color Palette Extractor

Extract 5 / 10 / 16 dominant colors from an image. View as HEX, RGB, HSL, and export as CSS variables. Useful for design references and theme palettes.

✅ 100% free · no signup · images are never uploaded or stored

🔒 About Privacy

🎨

Drag & drop, click to select, or paste an image

📖 How to Use

  1. 1
    Load an image
    Drag and drop, click to select, or paste with Ctrl+V.
  2. 2
    Choose color count
    Pick 5, 10, or 16 colors. Also choose HEX, RGB, or HSL display.
  3. 3
    Extract and copy
    Click any swatch to copy that color, or use the bulk CSS variable copy button.

❓ FAQ

What algorithm is used?
We use the Median Cut algorithm. It recursively splits the RGB space along the highest-variance axis to derive representative colors. Faster and more stable than k-means.
Is the image uploaded?
No. We use the Canvas API entirely in your browser. You can verify in the Network tab.
How are transparent PNGs handled?
Fully transparent pixels (alpha=0) are skipped. Semi-transparent pixels are used as-is.

🔗 Related Tools