Extract Colors from Image
Build a colour palette from any photo. Tweak palette size, copy hex codes, export as CSS or JSON.
Quick answer: Build a colour palette from any photo. Tweak palette size, copy hex codes, export as CSS or JSON.
Last updated
Frequently asked questions
- How do I extract colours from an image?
- Drop a photo, choose how many colours you want (3–16), and click Extract. The palette appears as swatches with hex, RGB and HSL values you can click to copy.
- What's the difference from a manual colour picker?
- A picker reads one pixel at a time. This tool runs k-means clustering across the whole image and surfaces the most representative colours, sorted by how often they appear.
- Can I copy individual colour values?
- Yes. Each swatch shows hex, rgb() and hsl() values — click any one to copy it to the clipboard.
- Can I export the palette?
- Yes — as CSS custom properties (`--color-1: #abcdef;`) or JSON. The JSON includes hex, RGB and HSL for each swatch.
- How accurate is the palette?
- k-means is the industry-standard algorithm for palette extraction; it groups visually similar pixels and returns the centre of each group, so the swatches match what your eye sees.
- Can I extract colours from any photo?
- Yes — JPG, PNG and WebP all work. Photos with strong colour contrast give the most distinctive palettes.
- Will my image be uploaded?
- No. The analysis runs entirely in your browser, so your photo stays on your device.
- Can I extract a brand palette from a logo?
- Yes. Use 3–6 swatches for logos to get the core brand colours without noise from anti-aliased edges.
- Does it work on mobile?
- Yes. The tool runs in mobile Safari and Chrome.
- Is the palette extractor free?
- Yes. Free, no signup, no watermark.