You've seen a color in a photo — a brand's exact blue, a shade from a product shot, a tone in a piece of art — and you need its real code, not a guess. This is what an eyedropper tool is for, and you don't need design software installed to use one.
Why "it looks like #3B82F6" isn't good enough
Eyeballing a color and picking something close from a palette almost always introduces a mismatch — sometimes subtle, sometimes obvious once placed next to the real thing. For brand consistency, matching a print color, or recreating a shade in code, you need the actual pixel value, not an approximation.
How an eyedropper tool works
Every pixel in a digital image is stored as a specific numeric color value. A color picker tool reads that raw value directly from the file — no interpretation, no rounding — when you click a spot on the image. SNTools' Color Picker does this entirely inside your browser using the Canvas API, so the image itself never has to be uploaded anywhere.
Hex vs RGB — when each one matters
- Hex (like
#3B82F6) is the standard for CSS, design tools like Figma, and most web-based work. - RGB (like
rgb(59, 130, 246)) is common in code that manipulates color values directly, and in some print and video workflows.
A good color picker gives you both at once, so you're never stuck converting between them manually.
FAQ
How accurate is the color reading?
It reads the exact value stored in the image file, so it's as accurate as the file itself. Heavy JPG compression can slightly shift colors from the original scene, but the tool reads exactly what's stored.
Can I build a small color palette this way?
Yes — clicking multiple spots builds a running history of picked colors you can reference or copy from.
Try it yourself, free
Click any pixel to get its hex and RGB code instantly — free, private.