Click anywhere on an image to extract the exact HEX, RGB and HSL color
An image color picker lets you click anywhere on an uploaded image and read the exact colour of that pixel as a HEX, RGB and HSL value. Your eye can tell that a logo is "blue" or a photo has a warm tone, but design and code need the precise number — the exact #1D4ED8, not a guess. This tool acts like an eyedropper: point at a pixel, and it reports the true colour stored there, ready to paste into a stylesheet, a design file or another tool.
It is the fastest way to lift a colour from something you cannot get a code from directly — a screenshot, a photo, a competitor's site captured as an image, or a brand asset where the palette was never written down. Because it reads the actual pixel data, the value is exact rather than approximate. Everything happens in your browser: the image is loaded locally and never uploaded, so you can sample private mockups, internal screenshots or client artwork without sending them anywhere.
It reads the actual pixel value from the image, so the colour is exact, not estimated. The only caveat is that lossy formats like JPEG can subtly alter pixels during compression, so a sampled colour reflects the compressed image rather than a pristine original.
Each pick reports the colour in HEX, RGB and HSL at once, so you can copy whichever your tool expects — HEX for CSS, RGB for many design apps, or HSL when you want to adjust lightness or saturation afterwards.
No. The image is loaded and read entirely in your browser, so nothing is sent to a server. You can safely sample colours from confidential mockups, internal screenshots or client work.
The picked value is the true pixel colour in the file. What you perceive can differ because of your display's calibration, brightness and colour profile, or because a nearby colour influences your perception. The number is the objective value; the screen is the variable.
Image to Base64 · Image Resizer · Image Compressor · Image Filters · Image Metadata · SVG to PNG Converter