Color Picker from Image
Grab exact colors from any photo or screenshot. Click anywhere on the image and the HEX, RGB and HSL values appear instantly, each with a one-click copy button for your CSS or design tool.
Drop your file here or click to browse
Accepted: image/*
How to pick a color from an image
- 01Open the image color picker and upload the photo or screenshot you want to sample.
- 02Click any pixel - a swatch plus HEX, RGB and HSL values appear.
- 03Copy any value with one click and paste it into your code or design file.
Color picking features
HEX for CSS, RGB for design tools, HSL for readable adjustments - all shown together.
Values come straight from the decoded pixel data, not an approximation or screenshot scaling.
After the page loads, everything runs locally - sample colors even with no connection.
Related free tools
Frequently asked questions
How do I pick a color from an image?+
Open the image color picker, upload a photo or screenshot, click the pixel you want, then copy its HEX, RGB, or HSL value.
Why might the color differ from other tools?+
Color profiles (ICC) and browser scaling can shift values slightly between tools. This picker reads the raw decoded pixel.
Can I pick multiple colors?+
The picker keeps one active color at a time. Click another pixel to replace the current swatch, then copy its values.
How do I get a HEX color code from an image?+
Upload the image, click the pixel you want, and copy the HEX value shown by the color picker.