Web features explorer

Eyedropper

Limited availability

The EyeDropper API opens an eyedropper tool, a color picker that allows users to select a color from their screen.

Browser support

  • Chrome 96 Released on 2021-11-15
  • Chrome Android Not supported
  • Edge 96 Released on 2021-11-19
  • Firefox Not supported Position (concerns: integration, API design)
  • Firefox for Android Not supported Position (concerns: integration, API design)
  • Safari Not supported Position (concerns: API design, maintenance)
  • Safari on iOS Not supported Position (concerns: API design, maintenance)
👍
7

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~0.004% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer use cases

  • We created a color input for our website, we hooked EyeDropper API to a button which toggles EyeDropper.open() and saves it's result's sRGBHex property to our color state. We created a color input for our website, we hooked EyeDropper API to a button which toggles EyeDropper.open() and saves it's result's sRGBHex property to our color state. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist