Image Color Picker & Palette Extractor

Our free image color picker samples any colour from a photo with magnifier precision and automatically extracts the dominant colour palette. Copy HEX, RGB or HSL values with one click — essential for designers and developers matching brand colours.

🔍 Magnifier Picker

Zoom into pixels and pick exact colours.

🎨 Palette Extraction

Auto-extracts dominant colours using k-means clustering.

📋 One-Click Copy

Copy HEX, RGB, HSL or CSS variable format instantly.

🕘 Pick History

Saves every clicked colour for easy comparison.

How to Use — Step by Step

1

Upload your image

Drop any JPG, PNG, WebP or GIF image.

2

Hover to pick

Move your mouse over the image — the magnifier shows zoomed pixels and colour values update live.

3

Click to save

Click any pixel to add that colour to your pick history.

4

Copy values

Click any colour value (HEX, RGB, HSL, CSS var) to copy to clipboard.

Frequently Asked Questions

What colour formats are shown?

HEX (#rrggbb), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)) and CSS variable format. Click any to copy.

How does palette extraction work?

Uses k-means clustering — groups similar colours and finds each cluster's central colour. Same method as Coolors and Adobe Color.

How many palette colours can I extract?

Choose 6, 10, 16 or 20 dominant colours from the selector above the palette grid.

Can I export the palette as CSS?

Yes — Copy CSS outputs a complete :root { --color-1: #hex; } block ready to paste into your stylesheet.

Does this work on mobile?

Yes — tap the image to pick colours on mobile. The magnifier shows the zoomed area before you lift your finger.

Image Color Picker & Palette Extractor