Image Color Picker (Eyedropper Tool)
Drop an image, click anywhere, get the exact RGB / hex / HSL color of that pixel. Useful for matching brand colors from a logo, extracting colors from a screenshot, or building a palette from any reference image. Image never leaves your browser.
How to use the Image Color Picker (Eyedropper Tool)
Upload an image. Click anywhere on it to pick a color. The result shows hex, RGB, HSL, and a swatch.
Picking exact colors from any image
Sometimes the color you need exists only inside an image — a brand blue locked in a logo, an accent shade in a screenshot, a tone from a photograph you want to echo in a design. Reading it by eye is guesswork; you need the exact value the pixel holds.
This eyedropper loads your image onto a canvas and reports the precise color of whatever pixel you click, in hex, RGB, and HSL at once. The image stays in your browser, nothing uploads. Once you have a value, build a full palette around it with the palette generator or check text contrast with the contrast checker.
Common use cases
- Brand matching — pull the exact hex of a color locked inside a logo.
- Palette building — sample several colors from a reference photo.
- Screenshot inspection — read a pixel's value from a UI capture.
- Design handoff — get precise RGB and HSL values to pass to developers.
- Recreating a look — match a tone from an image in your own design.