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

Motivation

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.

Specification

Specification link


Unknown standards status - check spec link for status

Status in Chromium

Blink>Forms


Enabled by default (tracking bug)

Consensus & Standardization

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

Owners

Intent to Prototype url

Intent to Prototype thread

Last updated on 2021-10-15