Color Picker from Image
Upload any image, then click a spot on it — the exact color at that pixel appears instantly as HEX, RGB and HSL, ready to copy into your design tool or CSS.
How to use
Upload a photo, screenshot or design mockup, then click anywhere on it. The picker reads the exact pixel color under your cursor and shows it in three common formats side by side, with a one-click copy button on the HEX value.
Useful for matching a brand color from a logo, pulling a palette from a photo for a design, or grabbing the exact background color from a screenshot to reuse in CSS. Recently picked colors are kept in a small history strip so you can compare several spots at once.
FAQ
How accurate is the picked color?
It reads the exact RGB value of that pixel from the image data — as accurate as the image itself. Compressed JPEGs can have slight color shifts from the original scene due to compression artifacts; for pixel-perfect accuracy use an uncompressed PNG source when possible.
What's the difference between HEX, RGB and HSL?
They're three ways of writing the same color. HEX (#3b82f6) and RGB (rgb(59, 130, 246)) describe red/green/blue intensity; HSL (hue, saturation, lightness) describes the same color by its position on a color wheel, which is often more intuitive for adjusting a shade lighter or more saturated.
Is my image uploaded to a server?
No — the image is loaded and read directly in your browser using the Canvas API. It's never transmitted anywhere, which makes this safe for unpublished designs or private photos.
Can I pick a color from a screenshot?
Yes — take a screenshot with your OS's normal tool, then upload the resulting image file here just like any photo.