Tiny Toolkit

Image Color Palette Extractor

Upload a photo, screenshot, or piece of artwork and instantly extract its most dominant colors as a ready-to-use palette. Choose how many colors to pull (4 to 12), see each one's share of the image, and export the result as a HEX list, CSS variables, Tailwind config, or JSON. Useful for matching a design to a photo, building a theme around a logo, or pulling brand colors out of existing artwork. All processing happens in your browser — the image is never uploaded anywhere.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

How does it decide which colors are 'dominant'?
The tool samples every pixel in the image, groups similar colors together, and ranks groups by how much of the image they cover. The most common colors become your palette, each shown with its share of the image.
Is my image uploaded to a server?
No. The image is loaded and analyzed entirely in your browser using the Canvas API. It never leaves your device.
How many colors can I extract?
Choose between 4 and 12 colors. Fewer colors give you the broad strokes of an image; more colors capture subtler variations.

Related Tools

Type Scale Generator — Modular Typography Scale

Generate a modular type scale from any base size and ratio. Choose from Perfect Fourth, Golden Ratio, and more — get px, rem, CSS variables or Tailwind config output. Free.

Font Size Converter — pt to px to rem

Convert font sizes between pt (print), px (screen), and rem. Set your root font size and see all three equivalents instantly. Includes a reference table of 17 common print sizes. Free.

Color Lightener & Darkener — Generate Tints and Shades

Generate lighter tints and darker shades of any color. See the full scale from white to black with one-click copy of HEX, RGB, or HSL values for each swatch. Free.