Bookmarklet: Eyedropper

This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan

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.

This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan

Print Share Comment Cite Upload Translate Updates

APA

Paul Kinlan | Sciencx (2023-05-02T13:23:56+00:00) Bookmarklet: Eyedropper. Retrieved from https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/

MLA

" » Bookmarklet: Eyedropper." Paul Kinlan | Sciencx - Tuesday May 2, 2023, https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/

HARVARD

Paul Kinlan | Sciencx Tuesday May 2, 2023 » Bookmarklet: Eyedropper., viewed ,<https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/>

VANCOUVER

Paul Kinlan | Sciencx - » Bookmarklet: Eyedropper. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/

CHICAGO

" » Bookmarklet: Eyedropper." Paul Kinlan | Sciencx - Accessed . https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/

IEEE

" » Bookmarklet: Eyedropper." Paul Kinlan | Sciencx [Online]. Available: https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/. [Accessed: ]

rf:citation

» Bookmarklet: Eyedropper | Paul Kinlan | Sciencx | https://www.scien.cx/2023/05/02/bookmarklet-eyedropper/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.