1 min read

Bookmarklet: Eyedropper

Paul Kinlan

Paul Kinlan

Lead of Chrome DevRel

I was reading Stefan Judis's awesome "Web Weekly" and in this weeks post he mentioned the EyeDropper API in Chromium Desktop browsers only - I totally missed this and because I frequently have to grab color information for slide design I need something quick to hand. Bookmarklets are quick to hand, so I built one for you.

const e = new EyeDropper();
e.open().then(d => {
  alert(d.sRGBHex);
}).catch(console.error)

EyeDropper <— Just drag this to your bookmark bar.

And if you are interested in a Chrome Extension, check out this post by Patrick Brosset.

Stay in the loop.

I'm trialing a newsletter. Join for monthly insights into web dev, Chrome, and the open web.

alternate_email

Get in touch

Open to chat about Chrome or Web development.

Book a consultation