Image Color Picker
Pick HEX, RGB, and HSL colors from an image locally in your browser.
image color pickerpick color from imageHEX color pickerRGB color picker
Choose an image, then move over it to inspect colors.
Current hover colorNo color picked yet
Choose an image, then move over it to inspect colors.
Click the image to lock a color
Move over the image to preview colors. Click once to lock HEX, RGB, and HSL values.
About this tool
Pick HEX, RGB, and HSL colors from an image locally in your browser.
Your image is analyzed locally in your browser and is not uploaded to a server.
How to use it
- Choose an image from your device.
- Move over the image to preview colors.
- Click the image and copy HEX, RGB, or HSL values.
Common use cases
- Match colors from a screenshot
- Extract brand colors from an image
- Copy HEX colors for design work
Color Format Guide
Design tools, websites, and CSS may ask for different color formats. This tool gives you HEX, RGB, and HSL from the same picked color.
| Format | Common use | Example |
|---|---|---|
| HEX | Web design and brand color notes | #1F7A5A |
| RGB | Design tools and CSS | rgb(31, 122, 90) |
| HSL | Adjusting hue, saturation, and lightness | hsl(158, 59%, 30%) |
FAQ
Is my image uploaded?
No. Color picking happens in your browser.
Which color formats can I copy?
You can copy HEX, RGB, and HSL values.
Can I pick from screenshots?
Yes. Use a screenshot image file and click the color you need.