Colour Extractor from Image
Upload a photo and pull out its dominant colours — then copy them as HEX, CSS variables or Tailwind. Free, private, nothing uploaded.
Image
or drop / paste an image here ·
Palette
Tip: click anywhere on the image to pick an exact colour.
Preview
Your image appears here.
Extracted palette
Click a colour to copy its HEX code.
| Colour | HEX | RGB | HSL | Share | Copy |
|---|---|---|---|---|---|
| Choose an image to extract its colours. | |||||
Export
Colour Extraction Guide
How the palette is found, and how to use it well.
How It Works
k-means clusteringThe image is scaled down, then similar pixels are grouped into clusters. Each cluster's average becomes one colour, sized by how much of the image it covers.
Vivid Mode
skip greysPhotos are often mostly sky, walls or shadow. Vivid mode down-weights greys so the accent colours come through.
Pick Exact Colours
click the imageClicking the preview reads the exact pixel under your cursor and adds it to the palette.
Building a Scheme
60 · 30 · 10Use the most common colour for backgrounds (60%), a second for surfaces (30%), and a vivid one for buttons and links (10%).
Check Contrast
WCAG AA 4.5:1Colours that look great together may not be readable as text on each other. Check text pairs with a contrast checker.
Screen vs Print
RGB → CMYKExtracted colours are screen (sRGB) values. For print, convert them in your design software using the printer's colour profile.
Why PalettePick?
PalettePick is a fast, lightweight palette extractor for designers who want a colour scheme that matches a photo, product shot or brand image.
All processing happens entirely in your browser. Your images never leave your device.