PIXEL PRECISION • 10X LOUPE
Image Color Picker Online
Inspect and sample exact pixel colors from any photo, graphic, or UI screenshot. Get instant HEX, RGB, HSL, and CMYK codes with automatic palette extraction.
10x Zoom Loupe
Magnify fine single-pixel lines, gradients, and icon borders with pinpoint crosshair accuracy.
Multi-Color Space Codes
Convert colors instantaneously between HEX, sRGB, HSL, and print-ready CMYK values.
Auto Palette Extraction
Quantize pixel clusters to extract the top dominant color palette suitable for UI design and branding.
100% In-Browser Privacy
Your photos, mockups, and screenshots never leave your browser or get uploaded to cloud servers.
Understanding Color Codes: HEX, RGB, HSL & CMYK
When designing websites, mobile apps, or print collateral, matching exact colors across screens and mediums is essential. Each digital color space serves distinct purposes:
- HEX (#RRGGBB): A 6-digit hexadecimal notation representing Red, Green, and Blue intensity from 00 to FF. It is the gold standard for CSS, HTML, and web design.
- sRGB (Red, Green, Blue): An additive color model specifying light intensity from 0 to 255. Ideal for digital displays, canvas drawing, and graphic rendering.
- HSL (Hue, Saturation, Lightness): A cylindrical coordinate model that mimics human perception of color. Changing lightness or saturation preserves the base chromatic hue, making HSL ideal for generating UI hover and active states.
- CMYK (Cyan, Magenta, Yellow, Key/Black): A subtractive four-color printing model used by commercial offset and digital presses.
Frequently Asked Questions (FAQs)
Yes! Take a screenshot on your computer (using Print Screen, Windows Snipping Tool, or Cmd+Shift+4 on Mac) and press Ctrl+V (or Cmd+V) anywhere on this webpage. The image will instantly render onto the canvas.
As you hover your mouse or drag your finger over the image, the loupe renders a sub-canvas magnifying the immediate 12x12 pixel region by 1000% using nearest-neighbor pixelated interpolation. The center crosshair locks onto the exact target pixel.
In modern browsers (such as Google Chrome, Microsoft Edge, and Opera) that support the native W3C EyeDropper API, the Screen Eyedropper button allows you to sample colors from anywhere on your display, even outside the browser window.