Image Color Picker
Pick colors from an image online for free. Click any pixel to get its hex, RGB, and HSL value, right in your browser, no uploads, instant.
About This Tool
Find the exact color of any pixel in a photo. Click anywhere on the image to sample that point and instantly see its color as a hex code, RGB values, and HSL values, ready to copy into your design tool, CSS, or code editor. Build up a small palette by clicking multiple points; every pick is kept in a list with its own copy button. Nothing is uploaded, the image stays on your device the whole time.
How To Use
- Drop your image into the upload zone or click to select it.
- Click anywhere on the image to sample the color at that exact pixel.
- Copy the hex, RGB, or HSL value from the picked color.
- Click more points to build a list; remove any pick you don't need.
How It Works
When you click on the displayed image, the click position is converted from the image's on-screen display size back to its natural pixel dimensions, the same scaling approach used by the crop tool, so the color you get is always read from the real, full-resolution image, not a scaled-down preview.
The image is drawn once onto an off-screen canvas at full resolution when it loads. Each click then reads a single pixel's RGBA value from that canvas using the Canvas API's getImageData, which is instant since it never needs to touch the network. That RGB value is then converted into a hex code and into HSL for the three common formats designers and developers use.
All of this happens directly in your browser tab; there is no server call and no Web Worker involved, since reading one pixel is fast enough to do immediately on the main thread.
Frequently Asked Questions
How accurate is the picked color?
It reads the exact pixel value from the image's full, original resolution, so it is exact for that source file. If the photo was compressed (JPEG, for example), the picked color reflects the compressed pixel data, not necessarily the original scene's true color.
Can I pick multiple colors from one image?
Yes. Every click adds a new color to your list. Keep clicking to build up a small palette, and remove any pick you don't want.
What formats does it give me?
Hex (like #3366ff), RGB, and HSL, the three formats most commonly needed for CSS, design tools, and code.
Does this work on any image format?
Yes, JPEG, PNG, WebP, and AVIF are all supported, since the color is read from the decoded pixel data rather than the file format itself.
Is my image uploaded anywhere?
No. The image is displayed and sampled entirely in your browser. It is never sent to a server.