Art tools

Image color eyedropper

Load an image and click any pixel to read its exact color. Everything runs in your browser - the picture is never uploaded.

Drop an image here or click to choose a file

Click the image to pick a color

HEX: -
RGB: -
HSL: -

How it works

Load any image and this tool draws it onto a canvas in your browser so you can read the exact color of a single pixel. Move the pointer over the picture to preview the color under the cursor, then click to lock it in. The selected color is shown as HEX, RGB, and HSL at once, each with a one-tap copy button, and a magnified loupe helps you land on the precise pixel you want.

Because the image is decoded and inspected entirely on your device, nothing is uploaded - it works offline and your pictures stay private. This is the everyday "what color is that" tool: pull a brand color out of a screenshot, match a shade from a reference photo, or grab a value from a mockup without opening a heavy editor.

Example. Drop in a screenshot of a website header, hover until the loupe sits on the button, and click. The readout shows #0689DC, rgb(6, 137, 220), and hsl(204, 95%, 44%) - tap the HEX to copy it straight into your CSS.

FAQ

Is my image uploaded anywhere?

No. The picture is decoded and read pixel by pixel locally in your browser using a canvas. Nothing is sent to a server, so it works offline and your images stay on your machine.

What color formats does it give me?

Every pick is shown as HEX (for example #0689DC), RGB (the 0-255 channels), and HSL (hue, saturation, lightness) at the same time, each with its own copy button so you can use whichever your tool expects.

Why does the color look slightly different from the original file?

Browsers draw images in the sRGB space, so colors are read as the sRGB values the canvas produces. For most web and screen work that matches what you see; wide-gamut or color-managed source files can differ slightly.

Can I pick colors from anywhere on screen, not just an image?

This tool reads from an image you load. Some browsers also expose a native screen eyedropper through the EyeDropper API; this page focuses on inspecting a specific picture precisely, with a magnified loupe and all three color formats.