Pick Image Color
Loading…
About this Tool
Sample exact HEX, RGB, HSL, and CMYK values from any uploaded image with a pixel loupe—built for brand matching and UI QA. AllThatConverter magnifies hover targets so you can click anti-aliased edges confidently, then copy codes to the clipboard without sending mockups to a cloud picker. Ideal for extracting palettes from photos, screenshots, and logo files offline.
Processed safely on your device
Everything happens in your browser on this device. Your files are never sent to our servers—so you can use it with peace of mind.
How to Use
Upload a mockup, photo, screenshot, or logo.
Hover to activate the magnifying loupe and zoom into the target pixel region.
Click to capture the color and inspect HEX, RGB/RGBA, HSL/HSLA, and CMYK readouts.
Copy the format you need into CSS, Figma, or print specs.
Key Scenarios & Use Cases
Match Brand Colors from Mockups
Pull corporate HEX/RGB from approved artwork when style guides are incomplete.
Build Palettes from Inspiration Photos
Sample nature, fashion, or interior shots into cohesive creative palettes.
Verify Rendered CSS Colors
Check live site screenshots against design tokens to catch off-by-one hex values.
Prepare Print CMYK Approximations
Read CMYK estimates from raster logos before sending rough print briefs.
Frequently Asked Questions (FAQ)
Yes. HEX, RGB/RGBA, HSL/HSLA, and CMYK are shown with quick-copy actions.
Yes. Adjust zoom via on-screen controls or shortcuts to target single-pixel boundaries.
No. Sampling runs on a local canvas in the browser.
Anti-aliasing blends colors. Zoom in and pick the dominant interior pixel for solid fills.
Displayed CMYK is a conversion estimate from screen RGB—not a press ICC proof. Confirm with your printer for production.