The EyeDropper API enables developers to use a browser-supplied eyedropper in the construction of custom color pickers.


Creative applications built for the web could benefit from an ability to sample a color from pixels on the screen. Many "native" applications, e.g. PowerPoint, have this ability but are unable to carry it over their web equivalents. Even though some browsers have eyedropper capability built into <input type=color> elements, web applications are limited in their ability to integrate this into their custom color picker UX since the eyedropper is generally accessible only through the non-customizable popup UI of the <input type=color> control.

Status in Chromium


No active development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • Positive
  • No signal
  • Positive


Intent to Prototype url

Intent to Prototype thread

Last updated on 2020-12-17