IQ
PayloadIQ
PayloadIQ Utilities

Color Picker

Pick a color from an uploaded image — click any pixel — or sample anywhere on your screen with the eyedropper. Get HEX, RGB and HSL, plus the image's dominant colors. It all runs in your browser.

Click the image to pick a color.

Click the image to pick a color.

Runs in your browser. Your input is not uploaded to PayloadIQ.

Two ways to grab a color

Drop in a screenshot, photo, or mockup and click the exact pixel you want — the canvas reads the color under your cursor on the spot. Or use Pick from screen to sample any pixel anywhere on your display, even outside the browser, via the native eyedropper. Either way you get the value in HEX, RGB and HSL with one-click copy.

Local, with a palette for free

The image is decoded and sampled entirely on your device — nothing is uploaded — so it's fine for unreleased designs. As a bonus, the tool pulls the dominant colors out of the image so you can lift a whole palette, not just one swatch.

FAQ

Is my image uploaded to pick a color?
No. The image is drawn to an in-browser canvas and the pixel under your cursor is read locally with getImageData. Your image never leaves the device.
How does 'pick from screen' work?
It uses the browser's built-in EyeDropper, which lets you sample any pixel anywhere on your screen — not just this page. It's available in Chrome and Edge; the button only appears when your browser supports it.
What are the dominant colors?
After you load an image, the tool samples it and shows the handful of most common colors — handy for pulling a palette out of a photo or screenshot. Click any swatch to select it.
Which formats do I get?
Every picked color is shown as HEX, RGB and HSL, each with a copy button, so it drops straight into CSS, a design tool, or code.

Related utilities

Color ConverterColor Contrast CheckerCSS Gradient Generator
Open PayloadIQ Playground