Hover to magnify with the loupe, click anywhere to pick that exact pixel color.
#6366F1#6366F1#6366F1Recent picks
Click a swatch to reuse it.
Frequently asked questions
How does the color picker read pixels from my image?
Your image is drawn to an HTML canvas in your browser and the tool reads the exact pixel under your cursor with getImageData, so the HEX, RGB and HSL values are the true pixel colors, not estimates.
Is my image uploaded to a server?
No. Everything happens locally in your browser tab. Your image never leaves your device, which also means the tool works offline once the page has loaded.
What is the loupe for?
The loupe magnifies the area around your cursor about 8x with a crosshair on the center pixel, so you can pick the exact pixel you want even in detailed or gradient areas.
Preview
Related free tools
Free CSS Button Generator | Style Buttons Online
Free CSS button generator. Customize colors, padding, and radius with live preview, then c
Free HEX RGB HSL Color Converter
Free color converter. Convert between HEX, RGB and HSL instantly, preview the color and co
Free Color Contrast Checker | WCAG Accessibility Tool
Free color contrast checker. Test text and background colors against WCAG AA and AAA stand