โ† 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.