No upload, 100% local, no account

Color picker (eyedropper)

Drop an image, hover to magnify, click to pick a color and copy it in hex, RGB or HSL.

How Color picker (eyedropper) works

Color picker (eyedropper) lets you drop a photo or screenshot and click anywhere on it to read that exact pixel's color, right in your browser: hex, RGB and HSL values appear instantly, a magnifier shows the pixel neighborhood so you can aim precisely, and every color you pick is kept in a history strip you can click back through. The image never leaves your device.

This is the inverse of a palette generator: instead of extracting a representative set of colors from a whole image, it lets you target one exact spot, which is what you need when you already know which pixel matters (matching a brand color from a screenshot, sampling a specific swatch photo, checking what shade a UI element actually renders as). Pair it with the color converter for CMYK/HSV values, or color scheme for building a palette around what you picked.

Written by Bastien Sulyan

How to use Color picker (eyedropper), step by step

  1. Drop or select a photo, screenshot or image file.
  2. Move your pointer over the image; a live swatch and magnifier show the color under your cursor.
  3. Click to pick that exact pixel and add it to the history strip.
  4. Click the hex, RGB or HSL value to copy it to your clipboard.
  5. Click any color in the history strip to bring it back as the active picked color.

Common use cases

  • Matching an exact brand color from a logo screenshot before using it in a design tool.
  • Checking what hex value a website's background or button actually renders as, pixel by pixel.
  • Sampling colors from a photo (fabric, paint swatch, product shot) to find their RGB/hex codes.
  • Building a small, ordered set of picked colors from different parts of an image using the history strip.

Frequently asked questions

Is my image uploaded anywhere to analyze the colors?

No. The image is decoded and drawn to an in-page canvas, and every pixel read happens locally via the Canvas API in your browser tab. The file never leaves your device.

What formats does the color picker output?

Hex (#RRGGBB), RGB and HSL are shown for the active picked color, each as a click-to-copy button. For CMYK or HSV, use the color converter tool with the same hex value.

How does the magnifier work?

While you hover the image, a small circular preview near the top-right zooms into the pixels directly around your cursor, with a highlighted cell marking the exact pixel that would be picked on click, so you can aim precisely on a small detail.

How is this different from the color palette tool?

Color palette extracts a representative set of dominant colors from an entire image automatically. This eyedropper tool goes the other way: you choose the exact pixel yourself, which matters when a specific spot (not the image's overall palette) is what you need.

How many colors does the history keep?

The most recent 24 distinct colors you picked, most recent first. Re-picking a color already in the history moves it back to the front instead of duplicating it.

What image formats can I drop?

Any image format your browser can decode and draw to a canvas, which covers JPEG, PNG, WebP, GIF and most others in modern browsers.

Related tools

Keep everything local, explore complementary tools.

All image tools