Image Color Picker
Upload an image, select any pixel and copy its exact color values.
Select a color
Move over the image to magnify, then click or tap a pixel.
Tip: focus the image and use the arrow keys for precise movement. Press Enter to select.
Selected color
Click any value below to copy it.
Click or tap anywhere on your image to inspect that pixel.
Image color palette
Select an automatically extracted color.
Recently selected
Your latest colors from this image.
Your image is processed entirely in your browser and is not uploaded by this tool. Animated GIF files use the first displayed frame.
The Image Color Picker identifies the colour of any pixel in a photo, screenshot, logo or design. Upload an image, click or tap the colour you want, and copy its HEX, RGB, HSL, HSV or CMYK value.
How to Pick a Color From an Image
- Upload a PNG, JPG, WebP or GIF image.
- Move over the image to inspect pixels with the magnifier.
- Click or tap the required colour.
- Copy the colour value in your preferred format.
- Select colours from the automatically extracted palette when needed.
Understanding the Color Values
HEX and RGB values are commonly used in websites, applications and digital design. HSL describes a colour using hue, saturation and lightness, while HSV uses hue, saturation and brightness. The tool also provides a CSS custom-property value that can be copied directly into a stylesheet.
CMYK values are mathematical estimates converted from the image’s RGB pixels. They can be useful as a general reference, but professional printing results depend on the printer, ink, paper and colour profile.
Contrast and Privacy
The displayed contrast ratios compare the selected colour with black and white and help indicate which text colour may be easier to read. For normal text, WCAG recommends a minimum contrast ratio of 4.5:1 in most situations. Images are processed locally and are not uploaded by this tool.
Frequently Asked Questions
How does the tool find the exact pixel colour?
It reads the red, green, blue and transparency values of the pixel selected on the image canvas.
What is the difference between HEX and RGB?
Both can represent the same digital colour. HEX uses hexadecimal notation, while RGB lists the red, green and blue channel values.
Why can nearby pixels have different colours?
Photographs, gradients, compression and anti-aliasing create small colour variations. Use the magnifier to select the precise pixel you need.
References: MDN Canvas pixel data and W3C colour contrast guidance.