← back to tools

Colour Picker from Image

Hover over any pixel to see its Hex, RGB, and HSL value. Click to pin colours and build a palette.

100% browser-based — images never leave your device
🎨

Drop an image here to start picking

or browse to upload — JPG, PNG, WebP, GIF supported

Zoom 100%
HEX #------
RGB rgb(—,—,—)
HSL hsl(—,—%,—%)

Click pixel to pin · C to add · Esc to cancel

Pinned Palette
Hover image, then click to pin a colour

Why designers & devs love this

Hover-to-inspect, no guessing

Move your cursor over any pixel and instantly see the exact colour values — Hex, RGB, and HSL update live. Great for extracting brand colours from screenshots.

Built-in magnifier loupe

A zoomed loupe follows your cursor so you can hit exact pixel-perfect spots on small areas — especially useful for logos, gradients, and icon assets.

Build a palette as you go

Click any pixel to pin its colour. Build a full palette from your image, then export as CSS variables, HEX list, or JSON — paste right into your project.

No upload, no account

Everything runs in your browser. Images are never sent to a server. Works on any image: photos, logos, design mockups, screenshots, UI exports.