Pick Colours From Any Image
Sample exact pixel colours with a magnified loupe, then extract a full palette and copy it as HEX, RGB, CSS or Tailwind. Need to prep the file first? Compress your image or add a watermark when you're done.
Drop an image to sample
or click to choose a photo from your device
Under cursor
Picked colours
Click the image to pick colours.
Extract palette
Export
A colour picker that respects your images
Grab exact colours and build palettes from your own photos without uploading a single file. Everything is sampled right here in your browser.
Drop your image
Add any photo, screenshot or graphic. It loads instantly and is sampled locally on your device.
Pick & extract
Hover for a magnified preview and click to pick, or extract a dominant-colour palette in one tap.
Copy or export
Copy any colour as HEX, RGB or HSL, or export the whole palette to CSS, SCSS, Tailwind or PNG.
Magnified loupe
A zoomed preview follows your cursor so you can pick the exact pixel you mean, every time.
Smart palette
Pulls the dominant colours from the whole image with k-means clustering and lets you sort them.
Dev-ready export
Copy colours straight into CSS variables, SCSS or a Tailwind config block, or download a PNG.
Fully private
Your image is read in the browser and never uploaded. No accounts, no servers, no tracking.
Keyboard nudge
Use the arrow keys to fine-tune the sample point by a single pixel for pixel-perfect picks.
Free, no limits
Sample as many images and build as many palettes as you like, with no signup and no caps.
Color Picker FAQ
Common questions about picking colours and palettes from images.
How do I pick a colour from an image?
Drop in your image, then move over it to preview the colour under your cursor at high magnification and click to add it to your picked list. You can copy any colour as HEX, RGB or HSL.
How does the palette extraction work?
Extract Palette samples the whole image and groups the pixels into a set of dominant colours using k-means clustering. You choose how many colours you want and how to sort them.
Can I export colours for CSS or Tailwind?
Yes. You can copy your colours as plain HEX, RGB or HSL, as CSS custom properties, as SCSS variables, or as a ready-to-paste Tailwind config block. You can also download the palette as a PNG.
Is my image uploaded anywhere?
No. The image is read and sampled entirely in your browser. Nothing is uploaded to a server, so your images stay private.
What image formats are supported?
You can use JPG, PNG, WebP, GIF and BMP images. Anything your browser can display can be sampled for colours.