WithusToolsWithusTools

Browser eyedropper color picker — how do I grab any on-screen color to HEX and RGB without installing software?

Use Chromium-based browsers with the EyeDropper API: open our Color Picker, click the eyedropper, then click a pixel. The tool fills #RRGGBB and updates RGB, HSL, HSV, CMYK, and contrast panels. A second eyedropper sets the comparison color for WCAG checks.

Need a precise calculation? Go to Color Picker Converter

Detailed answer

If your browser does not support EyeDropper, use the native color input or paste codes manually. Everything runs locally—no uploads. Saved colors (up to 20) stay in localStorage for your next session.

Relationship context

Screen sampling reads displayed sRGB pixels; HDR or color-managed windows may still differ from another monitor.

Example sRGB codes (HEX · RGB · HSL)

HEXRGBHSL (rounded)
#3498DBrgb(52, 152, 219)hsl(204, 70%, 53%)
#E74C3Crgb(231, 76, 60)hsl(6, 78%, 57%)
#2ECC71rgb(46, 204, 113)hsl(145, 63%, 49%)
#FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

Illustrative sRGB examples; HSL matches integer rounding in the Color Picker UI.

More Color Picker tools

Open the main picker or a fixed input/output converter—same math as the hub, with copy-ready strings.

← Color PickerDeveloper Tools