Image Colour Picker
Pick a colour from any pixel of an image and copy it as HEX, RGB or HSL.
Processed entirely in your browser. Your image is never uploaded to a server.
- Hover preview with a live HEX readout.
- Click to lock a colour; copy HEX, RGB or HSL.
- Works at full image resolution.
- Runs in your browser.
Why this is private
- Processed entirely in your browser. Your image is never uploaded to a server.
- Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
- Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.
Overview
Load an image, move over it to preview colours with a magnified readout, then click to lock a pixel and copy its value as HEX, RGB or HSL.
How to use it
- 1Add an image.
- 2Move over it, then click the pixel you want.
- 3Copy the HEX, RGB or HSL value.
Frequently asked questions
What people use it for
Match a brand colour from a logoSample the exact HEX from a logo or screenshot when you don't have the brand guide.
Pull a colour from a photo for a designLift a sky, skin-tone or product colour to reuse in a layout or palette.
Get the value behind a UI elementClick a button or background in a screenshot to read its colour as RGB or HSL.
Related guides
- How to resize a photo and signature for online formsApplication portals want the photo and signature at exact pixel sizes and tiny file sizes. Here's how to hit both without an app.
- How to compress images for the web without them looking badWhy images make pages slow, how much quality you can drop before anyone notices, and a repeatable way to hit a size target.
- How to resize an image without losing qualityWhat 'without losing quality' really means when you resize, why enlarging is different from shrinking, and how to keep proportions intact.
- JPG, PNG or WebP: which image format should you use?A practical guide to picking an image format — what each one is good and bad at, and when to convert.
Related tools
All image toolsImage Colour PaletteExtract, edit and export a colour palette from an image — 5 to 20 dominant colours, editable, as CSS or JSON.Color PickerPick a color from anywhere on your screen, or enter one manually — HEX, RGB, HSL, CMYK, OKLCH.Image Metadata ViewerSee an image's dimensions, format, EXIF, camera info and GPS location.Contrast CheckerCheck WCAG contrast ratio between two colors, including non-text and transparency.
Ready to use Image Colour Picker?
Image Colour Picker