Select a Color in an Image
Pick any pixel from an image and read its hex, RGB, HSL and CMYK values. Runs entirely in your browser, so your data never leaves your device.
Drop a file here, or click to browse
Files never leave your device
Output
The result appears here as you type.
How to use Select a Color in an Image
- 1. Upload the image to sample. Add the image containing the color you need to identify, such as a design mockup, photo or screenshot.
- 2. Enter the Pixel X and Pixel Y coordinates. Type the horizontal and vertical position of the pixel you want to inspect, counted from the top-left corner of the image in pixels.
- 3. Read the color values. Review the rendered result showing that pixel's color as hex, RGB, HSL and CMYK values, ready to copy into a design tool or stylesheet.
When to use Select a Color in an Image
Select a Color in an Image reads the exact color of any pixel and reports it as hex, RGB, HSL and CMYK, functioning as an eyedropper without needing image editing software installed. Point it at any coordinate and get every common color format at once.
- Matching a brand color from a logo file. A logo image exists but the exact hex code used in it was never documented anywhere. Sampling the right pixel recovers the precise color for use in CSS or a style guide.
- Extracting a color from a screenshot. A screenshot of a website shows a background color you want to replicate, but there's no access to the original stylesheet. Picking that pixel gives you the hex value to reuse.
- Checking a photo's dominant tone for design work. A photo is being used as a hero image and you need a complementary accent color for the surrounding page. Sampling a representative pixel gives you a starting hex value to build a palette from.
Examples
Read a pixel color
Input
photo.png + pixel (120, 80)
Output
#3a7bd5 · rgb(58, 123, 213) · hsl(215, 65%, 53%)
About the Select a Color in an Image tool
Select a Color in an Image is a free online tool that works entirely inside your web browser. Pick any pixel from an image and read its hex, RGB, HSL and CMYK values. Because the processing happens on your own device, nothing you enter is uploaded, logged or stored anywhere.
This page is one of 200 Image utilities on EditSafely. Each one does a single job well, and all of them follow the same rule: your input stays on your machine.
You can shape the output with 2 settings, including Pixel X and Pixel Y, and the result refreshes the moment you change one. A worked example further down the page shows exactly what the tool produces for a real input.
Because nothing leaves your device, the tool is suitable for sensitive content such as internal documents, credentials or customer data. It also responds instantly, since every keystroke is handled on your own machine rather than by a remote API.
Frequently asked questions
Is Select a Color in an Image free to use?
Yes, it is completely free. All 2,658 tools on EditSafely work without an account, a subscription or usage limits.
Are my files uploaded to a server?
Everything happens locally. Your browser downloads the tool's code once, then does all the processing itself; nothing you enter is transmitted, stored or logged. You can even go offline after the page loads and it will still work.
Which files does Select a Color in an Image accept?
It accepts images in any common format (PNG, JPG, WebP, GIF and more). There is no file size cap imposed by a server; very large files are limited only by your device's memory.
Do I need to sign up or install anything?
No. The tool works in any modern browser on desktop, tablet or phone. There is no account to create, no extension to add and no software to install.
Can I save what the tool produces?
Yes. Use the download or copy controls in the output panel to keep the rendered result once it looks the way you want.
Related tools
All Image Tools →Find Top Colors in an Image
Scan an image and list its most frequently used colors with hex codes and counts.
Find Image Color Palette
Extract an image's dominant colors and show them as a clean palette strip.
Analyze an Image
Report an image's dimensions, aspect ratio, orientation, format, size, transparency and top colors.