Color Picker from Image
Hover to preview, click to lock a color
When do you need to pick a colour from an image?
Designers match brand colours from a logo without access to the original style guide; developers extract dominant colours from photos for theme generation; teachers pull colours from artwork for lessons. The eyedropper reads the exact RGB of the pixel under the cursor and converts to hex (`#RRGGBB`) and HSL.
Browsers' built-in eyedropper (Chrome's `EyeDropper API`) only works on the screen — not on uploaded files. This tool fills that gap by loading your image into a canvas and letting you sample any pixel.
Common use cases
- Match a brand colour from a screenshot of a competitor's website.
- Extract a palette from a photograph for a graphic design project.
- Find the exact background colour of a UI screenshot to recreate it.
- Sample skin tones from a portrait for grading or makeup reference.
Frequently asked questions
Why is the colour slightly different from the original?
PNG colours are exact; JPEG colours are approximations after compression. If your source is a JPEG, the picked colour reflects the compressed value, not the photographer's intent.
Can I pick from a transparent pixel?
Yes — the picker shows RGBA. A fully transparent pixel still has an underlying RGB value (often 0,0,0 or the canvas background).
Does the picker work on animated GIFs?
It samples the first frame. For other frames, screenshot the moment you want and load the screenshot.
How do hex and RGB relate?
Hex `#RRGGBB` is the same value as RGB `(R, G, B)` written in base 16 instead of base 10. `#FF0000` and `rgb(255, 0, 0)` both mean pure red.
Is my image uploaded?
No — the image loads into a browser canvas and stays there. No network calls.