Screen Eyedropper & Color Picker

Sample pixel colors from anywhere on your desktop screen using the EyeDropper API. Instant conversion to HEX, RGB, and HSL formats with one-click copy.

Technical Metrics & Telemetry

HEX Code (Click to Copy)

#2F5BD3

RGB Format

rgb(47, 91, 211)

HSL Format

hsl(224, 65%, 51%)

How to Use This Tool

STEP 1

Click Pick Color From Screen

Your cursor transforms into a high-precision magnifying glass loupe.

STEP 2

Hover Over Any Pixel

Hover over any photo, design, website, or application on your desktop screen.

STEP 3

Click to Capture Color

Click once to lock the color and copy HEX, RGB, or HSL values instantly.

Frequently Asked Questions

Can this eyedropper sample colors outside the browser window?

Yes! When running on supported desktop browsers (Chrome, Edge, Opera), the native EyeDropper API can pick pixel colors from any application, desktop wallpaper, or video window.

How do I cancel the eyedropper?

Press the Escape (ESC) key on your keyboard to dismiss the color dropper without selecting a color.

Is the EyeDropper API supported on Firefox or Safari?

Firefox and Safari have not yet enabled the native desktop EyeDropper API. On those browsers, our tool automatically falls back to an interactive color palette.

What color format is best for CSS web design?

HEX (#RRGGBB) is the most common format for web styles, while HSL (Hue, Saturation, Lightness) is preferred when designing accessible color palettes and opacity variations.