Image Color Picker

No uploadHEX · RGB · HSLPalette extractFree forever

Click any pixel to get its exact color. Extract dominant color palettes. Copy HEX, RGB, or HSL in one click. Completely private — zero upload.

Drop a photo to pick colors

JPG, PNG, WebP

✓ Click any pixel✓ HEX/RGB/HSL✓ Palette extract

Your file never leaves your device

Pick colors from any photo — HEX, RGB, HSL instantly

Canvas getImageData() reads pixel values directly in your browser. Your image never leaves your device.

Click-to-pick any pixel
Load any image and click any pixel to instantly get its HEX, RGB, and HSL values. Hover for a magnifier preview.
One-click copy
Copy color values to clipboard in HEX, RGB, or HSL format instantly. No manual selection needed.
Dominant color palette
Extract 8 dominant colors using k-means clustering. Great for brand analysis, design palettes, and mood boards.
Pick history
Last 12 colors you picked are shown as swatches. Click any to restore it as the active color.
Frequently asked questions
What color formats are shown?

HEX (e.g. var(--accent)), RGB (e.g. rgb(200, 255, 0)), and HSL (e.g. hsl(74, 100%, 50%)). All three update simultaneously when you pick a color.

How does palette extraction work?

The tool samples pixels from your image and groups them using k-means clustering — a mathematical algorithm that finds the most representative color centres. This runs entirely in your browser.

What is the magnifier for?

As you hover over the image, a circular magnifier follows your cursor and zooms in to the surrounding pixels, making it easy to pick precise colors from small details.

Is the color picker accurate for design work?

It reads raw pixel values from the canvas. For design-accurate colors, ensure your image is in sRGB color space — most phone and camera photos are.

Guide: How to pick and use colors from photos for design work.
Read guide →