Image Color Picker
Upload a photo, screenshot, or design mockup and click anywhere to extract the exact color at that pixel. A pixel-precise magnifier lens lets you target individual pixels even on high-DPI images. Copy values in HEX, RGB, HSL, or modern OKLCH — or grab a ready-to-paste CSS snippet. Everything runs in your browser; your images are never uploaded.
Upload an image to pick colors from it
Processed entirely in your browser — your image never leaves your device.Drop your image here
PNG, JPG, or WebP up to 20 MB
How It Works
Upload your image
Drop a PNG, JPG, WebP, or GIF — or click to browse. Your image stays in your browser.
Hover and click to pick
Move your cursor over the image; an 8x magnifier lens reveals individual pixels. Click to lock in a color.
Copy the color value
Grab HEX, RGB, HSL, or OKLCH with a single click. Ready-to-paste CSS is included below the picked color.
Frequently Asked Questions
Does my image get uploaded anywhere?
No. The entire picker runs in your browser using the Canvas API. Nothing is sent to any server — you can check the Network tab to verify.
What image formats are supported?
Anything your browser can decode: PNG, JPG/JPEG, WebP, GIF, BMP, and SVG. Maximum file size is 20 MB.
What is OKLCH, and why include it?
OKLCH is a perceptually uniform color space supported by all modern browsers since 2023. Equal steps in lightness or chroma look equally different to the eye, which makes it far better than HSL for generating color palettes or accessible contrast pairs.
How accurate is the pixel sampling?
Perfectly accurate. The tool samples the raw pixel data at the image's native resolution, not the scaled display resolution — so a click on a 4K image returns the exact 4K pixel color, even if you're viewing it at half size.
Can I pick colors on my phone?
Yes. Touch-and-drag works the same as mouse movement, and lifting your finger locks in the color. The magnifier lens makes pixel-precise picking possible even on small screens.