Color Picker from Image
Click anywhere on a photo to instantly get its exact hex and RGB color code — perfect for matching colors in design work.
Click to choose or drag & drop a photo here
Get RGB and hex codes from any image
Whether you're trying to match a brand color from a logo, recreate a shade from a photo in your design software, or check the exact code behind a color you like, this tool acts as an eyedropper: upload any image, click on the pixel you want, and get both its hex code (for CSS and design tools) and its RGB value (for code and print work) instantly.
The image is read using the Canvas API's pixel data directly in your browser — nothing is uploaded to a server.
How to pick a color from an image
- Upload a photo or screenshot.
- Click anywhere on the image — the exact pixel color appears instantly as both hex and RGB.
- Click "Copy" next to either code to copy it to your clipboard.
- Keep clicking different spots to build a small color history below the image.
Common uses
Designers use this to extract a brand's exact colors from a logo image, developers use it to grab a hex code for CSS from a screenshot, and anyone matching paint, fabric, or print colors to a reference photo can use it to get a precise, shareable code instead of guessing.
FAQ
How accurate is the color reading?
It reads the exact pixel value from the image file, so it's as accurate as the image itself. Compression (like heavy JPG compression) can slightly shift colors from the original scene, but the reading matches what's actually stored in the file.
Is my image uploaded anywhere?
No — everything happens locally using your browser's Canvas API.