Image Resizer
Resize images to exact pixel dimensions or by percentage.
Image Color Picker
Click anywhere on an image to read its exact colour.
Drop an image here, or click to choose one
Click anywhere on it to read the exact colour
Quick Tool Overview
The Image Color Picker reads the colour under your cursor and reports it as HEX, RGB, HSL and CMYK at once. A magnifier shows exactly which pixels you are over, and an adjustable brush averages a small area — which is what you want on a photograph, where one pixel is usually noise rather than the colour you can see.
- What it does
- Reads exact colours out of an image
- You give it
- An image and a click
- You get back
- HEX, RGB, HSL and CMYK values
- Best for
- Matching brand colours and design work
About the Image Color Picker
Reading a colour out of an image sounds trivial until you try it on a photograph, where a single pixel is rarely representative of the colour you can see.
That is why there is a brush size here as well as a magnifier. Sampling a single pixel gives you exactly what is under the cursor, which is right for flat graphics and screenshots; averaging over a small area gives you the colour a human would name, which is right for photographs and fabric. Every pick is reported as HEX, RGB, HSL and CMYK at once, and a history strip keeps the last dozen so you can build a palette by clicking around.
Key features of the Image Color Picker
Magnifier
A zoomed view of the pixels under the cursor, so you sample what you meant to rather than what was one pixel over.
Adjustable brush
Average over a small area for photographs, or take a single pixel for flat graphics and screenshots.
Four formats at once
HEX, RGB, HSL and CMYK, each copyable, so there is no converting afterwards.
Pick history
The last dozen samples are kept as swatches, which is how a palette gets built by clicking around.
Nothing uploaded
The image is read on a canvas in your browser, so unreleased design work stays private.
How to use the Image Color Picker
-
1
Load an image
A photo, a screenshot or a design you want colours from.
-
2
Click to sample
The magnifier shows exactly which pixels are under the cursor.
-
3
Widen the brush for photos
Averaging over a small area gives the colour you actually see rather than one noisy pixel.
-
4
Copy the format you need
HEX, RGB, HSL and CMYK are all shown, and the history keeps your last dozen picks.
Frequently asked questions
Because a single pixel in a photograph is often noise or compression artefact rather than the colour your eye is averaging. Widen the brush and the sample will match what you see.
For a one-pixel sample on a lossless image, yes. On a JPEG, compression has already shifted the values slightly, so the colour is exact for the file rather than for whatever was originally there.
Yes, and screenshots are the ideal case — flat colours, no compression noise if it is a PNG, so a single-pixel sample is exactly the interface colour.
Print. It is a straightforward conversion without a colour profile, so treat it as a starting point rather than a press-ready value.
Reviews of the Image Color Picker
What people who use the Image Color Picker think of it. Reviews come from visitors and are posted as written.
No ratings yet
Yours would be the first.
- 5 0 reviews rated 5 stars
- 4 0 reviews rated 4 stars
- 3 0 reviews rated 3 stars
- 2 0 reviews rated 2 stars
- 1 0 reviews rated 1 star
0 reviews
Newest first
No reviews yet
Be the first to rate the Image Color Picker. It takes half a minute and no account.
Write the first reviewMore image tools
Picture Element Generator
Build a picture element with AVIF and WebP fallbacks.
CSS Sprite Generator
Pack icons into one sprite sheet with the CSS classes.
Image to ASCII Art
Turn a photo into text art you can copy anywhere.
SVG Optimizer
Strip the bloat out of exported SVG files.
Image Alt Text Generator
Build alt text that is useful, with length and quality checks.
Image to CSS Gradient
Turn a photo into a CSS gradient that echoes it.
Avatar Initials Generator
Turn a name into a coloured initials avatar.