Image Color Picker
Upload an image and click or tap any point to see its exact color in HEX, RGB and HSL.
How it works
When you click, the exact pixel color under your cursor is read straight from the image (using <canvas>) and shown in the three formats most commonly used in CSS and design.
Privacy
Color reading happens in your browser. Your image is never uploaded to Numelto.
HEX, RGB or HSL: which one to use
If you want several colors at once, use the color palette generator from an image.
| Format | Used for |
|---|---|
| HEX | CSS and design tools (#3B82F6) |
| RGB | Screens and code (59, 130, 246) |
| HSL | Adjusting hue, saturation and lightness |
What identifying an exact color is useful for
It's useful for replicating a brand's color in a design, matching an element's shade on a website, or checking whether two colors that look the same to the eye actually are, by comparing their exact values instead of trusting your vision.