Image Color Picker
Load any image and click anywhere on it to read the exact pixel colour — the tool reports the hex code, the RGB values, and copies the hex to the clipboard with a single click. Use it to grab colours from a reference photo, sample a client's logo for a design token, or match a UI element to an existing screenshot without opening Photoshop.
How to pick a color from an image
- Drop your image onto the tool or click to browse. Any common raster format works.
- Click the exact point in the image where you want to sample the colour.
- The tool shows the hex code, RGB values and a swatch preview so you can verify before copying.
- Click the hex code to copy it to your clipboard. Paste it into CSS, your design tool or a brand doc.
Common use cases
- Sampling brand colours from a client's logo or existing website screenshot for a new design system.
- Matching a UI element to a colour already used on another page without having to open a design tool.
- Grabbing sky, skin or fabric tones from reference photography for a product visualisation.
- Reverse-engineering colours from a stylised screenshot (e.g. a chart) so your own chart can match.
Frequently asked questions
Why does my pick look slightly different from what I expected?
Individual pixels can shift from the perceived colour because of anti-aliasing, JPEG compression and browser colour profile handling. Zoom into the area first, or use the palette extractor to pick the dominant colour of a region instead.
Can I pick multiple colours?
Yes. Click anywhere new to sample another pixel. The tool keeps showing the most recent hex so you can copy colours one at a time into your design.
Does the tool work on transparent PNGs?
Yes. Picking a transparent pixel returns its visible colour value; picking fully transparent areas returns the underlying colour if any, or reports transparent.
Is my image uploaded?
No. The pixel read happens on the Canvas element locally. Your image never leaves your device.
About color picking
An eyedropper reads the RGB value of a single pixel and converts it into a hex code that CSS, design tools and colour pickers across every platform understand. Because pixel colours can shift slightly from what you think you see (due to compression, blending with neighbours, or browser colour profiles), the tool shows both the numeric RGB and the hex so you can cross-check before using the value downstream.
- Click-to-pick eyedropper on any point of the image
- Shows hex code, RGB values and a swatch preview
- One-click copy to clipboard
- Works on JPG, PNG, WebP and most raster formats
- Zoom-friendly for picking fine detail
- Your images never leave your device
Free. No signup. No file uploads. Ads via AdSense (consent required).
By Marco B. ·