PICTURE · COLOR PICKER
Color Picker
Add an image and click any point to read its color (HEX/RGB).
- 1.Select or drag in an image
- 2.Click any point on the image to pick its color
- 3.Copy the HEX/RGB/HSL values
→ Output: Color values picked from the image (HEX/RGB/HSL)
Image
Add an image to show it here.
About this tool
Click any point on an image and get that pixel's color as HEX and RGB. Use it to carry a color you can see straight into code or a design. The image is read inside the browser only.
When to use it
- —Lifting a color from a screenshot of a reference site into your code
- —Getting the exact brand color out of a logo image
- —Choosing a background color that matches a photo's mood
Good to know
- —On-screen color depends on monitor settings and color profiles; do not judge print colors from these values.
- —Compressed formats like JPEG shift colors near edges, so sample well inside a flat area.
- —Where layers overlap semi-transparently you get the blended result, not the original color.