Image Color Picker
Find the exact colour code of any point in a photo, logo or screenshot. Hover to preview, click to pick, and copy HEX, RGB or HSL. Recently picked colours are kept for comparison.
Runs in your browser
How to use
- Drop an image or screenshot.
- Move over the image and click the colour you want.
- Copy the code in the format you need.
How it works
The image is drawn onto a canvas and the exact pixel under your pointer is read with getImageData. Very large images are displayed at up to 1600 px, which averages neighbouring pixels slightly; for pixel-exact codes on huge images, crop them first.
In Chrome and Edge, the screen eyedropper (EyeDropper API) can also pick colours from anywhere on your screen, outside this page.
Examples
- Brand colour
- Pick a logo's blue from a screenshot → #1a73e8.
Common uses
- Matching brand colours
- Web design and CSS
- Recreating colours from photos
Privacy & security
This tool runs entirely in your browser. Your files and text are never uploaded to our servers — processing happens on your device and results are created locally. How each tool handles files
Frequently asked questions
Why does the colour differ slightly from the design file?
Screenshots and JPG compression can shift colours slightly, and colour profiles may differ.
Is the image uploaded?
No, it's read locally.
Last updated: