EyeDropper API Dropped

I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).

???? Loving the new `EyeDropper` Web API:
“`js
await new EyeDropper().open();
// Returns the picked color, e.g.,
// { “sRGBHex”: “#ddd9e0” }
“`
Try it in Chrome 95. pic.twitter.com/990uyvOngp
— Thomas Steiner (@tomayac) September 1, 2021

I like how it can grab a color from anywhere on the screen, not just within the browser window. Maybe Figma can make use of it, as I’ve been frustrated in the past how you can only snag colors from the Figma working area, not anywhere on the screen.

As a way to connect this to some other newfangled tech, check out this Pen from Andrew Walpole (in Chrome 95+):

It uses the EyeDropper API, but petite-vue is the app framework in use, and to my eyes, it is an awfully elegant expression of an interactive app. This new version of Vue is quite new meant to be used directly in the browser. I see it capturing some devs’ attention. Here are Dave Rupert’s thoughts as well as what Andrew Welch’s thinks about it.