Screen Color Picker (Eyedropper)

This eyedropper picks the color of any pixel on your screen — in another app, a photo, a video frame or a web page — using the browser's built-in EyeDropper API. You get the HEX code plus RGB, HSL, HSV, OKLCH and the closest CSS color name. Nothing is uploaded: the browser hands the page only the one color you clicked.

How to use this tool

1. Leave "Open the eyedropper" ticked and press the Calculate button (Enter in the text box converts the typed color instead).
2. Move the magnifier over the pixel you want and click it (Esc cancels).
3. Copy the HEX, RGB or HSL value from the results.
4. No eyedropper in your browser? Untick the box and type or paste a color to convert it.

Formula

The browser returns the pixel as sRGB HEX (#rrggbb). HSL and HSV come from the standard RGB formulas; OKLCH from linear sRGB through the OKLab matrices; the nearest name has the lowest CIEDE2000 difference.

On wide-gamut (Display P3) screens the browser converts the picked pixel to sRGB, so very vivid colors may come back slightly less saturated.

Example

Picking the blue of a typical "Sign in" button might return #2563EB: rgb(37, 99, 235), hsl(221.2, 83.2%, 53.3%), whose nearest CSS name is royalblue — close, but not the same color.