Color Picker from Image
Hover over any pixel. See the HEX, RGB and HSL instantly. Copy it. Done.
Drop your image here
Then click anywhere on the image to pick a color.
How to pick a color from an image
Drop your image
Drag in any JPG, PNG or WebP. It loads in your browser — nothing is uploaded.
Hover over it
Move your cursor over the image. The color under your cursor is shown in real time.
Click to lock
Click any pixel to select that color and copy it to the clipboard.
Copy the code
Pick your format: HEX, RGB or HSL. Copy and paste wherever you need it.
HEX vs RGB vs HSL: which format do you need?
HEX is the format you need for most web work. It is what you paste into CSS, design tools like Figma, and most color input fields. Short, compact, widely supported.
RGB is useful when you need to work with individual channel values — adjusting brightness, mixing colors programmatically, or using colors in canvas or WebGL code. Also the format most design applications use internally.
HSL is the most human-readable format. Hue (the color), Saturation (how vivid), Lightness (how dark or light). If you want to create color variations — lighter shades, darker shades, more muted versions — HSL is the easiest format to adjust by hand.