Frontend Portal

Делаем пипетку на JS



API EyeDropper предоставляет механизм для создания инструмента "Пипетка". С помощью этого инструмента пользователи могут брать образцы цветов со своих экранов, в том числе за пределами окна браузера



Код:

const button = document.querySelector('.btn');

const result = document.querySelector('.result');



const colorPicker = async () => {

  const eyeDropper = new EyeDropper();

  const {sRGBHex} = await eyeDropper.open();

  

  result.innerHTML = sRGBHex;

}



button.addEventListener('click', colorPicker);

*Экспериментальная технология, на данный момент поддержка составляет 27.64%



👉 @FrontendPortal | #js