Color picker
Eyedropper with hex / RGB / HSL.
This runs in your browser. Nothing is uploaded.
About Color picker
Click anywhere on the image to read that pixel's colour as hex, RGB and HSL along with its coordinates, sampled from the decoded pixel data inside your browser.
Matching a brand colour from a logo screenshot, pulling a value out of a mockup someone sent as a PNG, checking whether two greys really are the same grey — these need the number in the file, not an impression of it. Desktop colour pickers sample your screen, which hands you whatever your display and its colour profile did to the image on the way out.
The image is decoded once into a pixel array, and a transparent surface over the preview translates your click into the image's own coordinate grid. You get the hex code, the rgb() triple, the hsl() triple and the x and y you hit, with a ringed marker left where you sampled. Copy hex puts the value on your clipboard. The centre pixel is sampled to begin with.
One pixel, no averaging. On a JPEG that matters: compression noise means neighbouring pixels in an area that looks perfectly flat can differ by several levels, so sample a few spots and compare rather than trusting the first reading. The preview is also scaled to fit, so on a large image a single screen pixel covers several real ones — zoom the browser in to hit a small target.
How to use Color picker
- 1Drop the image onto the panel. The centre pixel is sampled to start with.
- 2Click anywhere on the image to move the sample point.
- 3Read the hex, RGB and HSL values and the coordinate below them.
- 4Click Copy hex to put the value on your clipboard.
What it won't do
- Reads one pixel at a time, with no averaging or sample radius.
- Samples the loaded image, not the output of other tools applied in the same session.
- Accuracy on small details depends on how large the preview is drawn; browser zoom helps.
Common questions
How do I find the hex code of a colour in an image?
Drop the image onto this page and click the spot you want — the hex code appears immediately, with the RGB and HSL equivalents and the pixel coordinate beside it. Copy hex sends it to your clipboard, ready for CSS or a design file. Nothing is uploaded, so confidential mockups are fine to use here.
Why does the sampled colour differ from what I see on screen?
Because this reads the value stored in the file while your monitor shows the result of its own profile, brightness and calibration. The number reported here is the one you want for code or a design tool. The other common cause is JPEG compression, which leaves flat-looking areas varying by a few levels from pixel to pixel.
Can it average an area instead of reading one pixel?
No, it reads a single pixel with no sample radius. For a feel for the image as a whole, the palette tool buckets every colour and reports the eight most common. On a noisy photo the practical approach is to click several nearby points and take the value that keeps coming back.
Can I pick a colour from anywhere on my screen?
No. A browser tab can only read the image you have loaded into it, not your desktop or another application's window. Take a screenshot of whatever you want to sample, drop that screenshot in here, and click the colour — the result is identical to a system-wide picker for anything that is on screen.
Related tools
Why this one doesn't upload your file
There is no server to upload to. This page is a static file, and the work happens in your browser using the same graphics and WebAssembly code that renders every other site you visit. Your file is read from disk into memory, processed, and handed back as a download. Once the page has loaded you can disconnect from the network entirely and it keeps working. The longer explanation