Free Online Image Color Picker
Upload an image and click anywhere to get the exact HEX, RGB, and HSL color codes.
Click or drag anywhere on the image to sample the exact pixel color.
About the Image Color Picker
This tool extracts the exact color of any pixel in an image. Upload a design, screenshot, photo, or brand asset, then click the image to get the HEX, RGB, and HSL values. It is useful for matching a brand color, building a palette from a photo, or checking a color you found in a mockup.
How to use the color picker
- Upload an image by dropping it into the box or clicking to browse.
- Click or drag over the image to sample a pixel.
- Copy the HEX, RGB, or HSL value you need.
- Use the recent picks to compare colors side by side.
HEX, RGB, and HSL
- HEX is the most common format in web design, such as
#0A2647. - RGB describes the red, green, and blue channels from 0 to 255.
- HSL describes hue, saturation, and lightness, which is often easier for building palettes.
Frequently asked questions
Is my image uploaded?
No. The image is read locally by your browser and is never sent to a server.
Why does the color look different in my design app?
Color profiles, monitor calibration, and image compression can all change how a color appears. The picked value is the actual pixel value stored in the file.
Can I sample a specific area at full resolution?
Very large images are scaled down for performance. For exact pixel work on a huge image, crop the area first and upload the smaller image.