USEFUL TOOLS. LESS HASSLE.Pixel-Exact Colors
Reads the real pixel under your cursor, not an approximation.
IMAGE TOOL / COLOR
Free Image Color Picker
Upload a photo or screenshot and click any pixel to get its exact color. See HEX, RGB and HSL values, zoom in on the pixel under your cursor and copy with one click.
Keeps a history of the colors you pick. Works with mouse and touch, and your image stays in your browser.
✓ Free to use · No signup required · Processed in your browser
Image Color Picker workspace
CHOOSE AN IMAGE · CLICK A PIXEL · COPY THE COLOR
Drop an image here, or click to choose
JPG, PNG and WebP · you can also paste an image
Picked colors click a swatch to reload it
Choose an image, then click or tap anywhere on it to pick a color.
COLOR PICKER WORKSPACEMOSANKIT / IMAGE TOOLS
THE BASICS
What Is an Image Color Picker?
An image color picker reads the exact color of the pixel you point at. It is the quickest way to match a brand color from a logo, copy a shade from a screenshot, or build a palette from a photo.
Colors are shown as HEX, RGB and HSL, the formats used in CSS and design tools. A magnifier shows the pixels around your cursor so you can pick precisely.
BUILT FOR THE JOB
Key Features of MoSanKit Image Color Picker
Magnifier
A zoomed view of the surrounding pixels so you can aim accurately.
HEX, RGB and HSL
Copy any format with one click.
Pick History
Up to 16 recent picks, with a button to copy them all.
Mouse and Touch
Click, tap or drag across the image on any device.
Private
The image is read in your browser and never uploaded.
QUICK AND SIMPLE
How to Pick a Color from an Image
01 / UPLOAD
Choose an image
Drop, select or paste a JPG, PNG or WebP.
02 / POINT
Move over the image
The magnifier shows the pixels under your cursor.
03 / CLICK
Click or tap to pick
The color appears in HEX, RGB and HSL.
04 / COPY
Copy the value
Use Copy beside a format, or copy your whole history.
MADE FOR EVERYDAY WORK
Who Can Use This Tool?
Web DesignersMatch colors from mockups and photos.
Front-end DevelopersGrab exact values from design screenshots.
Brand TeamsExtract brand colors from logos.
PhotographersStudy the colors in a scene.
BloggersMatch graphics to a featured image.
StudentsLearn how pixels map to color codes.
GOOD TO KNOW
A few things, answered.
Quick answers about using the MoSanKit Image Color Picker.
They are the exact pixel values in the image. Photos and compressed JPGs contain noise, so neighbouring pixels can differ slightly; zoom in and choose a typical spot.
JPG compression and color profiles can shift values a little. A PNG screenshot is the most reliable source.
Yes, but fully transparent pixels have no color, so the tool asks you to choose another spot.
No fixed limit, but very large images are shown at up to 2400 px for speed. Colors are sampled from that view.
Yes. Tap or drag on the image to pick a color.
No. The image is processed entirely in your browser.
KEEP BUILDING
Explore More Image Tools
Every pixel,
one click away.
Explore more free image tools from MoSanKit.