Chrome 95正式发布了EyeDropper API，用于控制颜色选择器，支持选择浏览器窗口之外的颜色

用法

const openEyeDropper = () => {
  if (window.EyeDropper) {
    const eyeDropper = new EyeDropper()
    eyeDropper.open().then((res) => {
      console.log(res.sRGBHex);
      navigator.clipboard.writeText(res.sRGBHex).then(() => {
        console.log('已放入剪贴板')
      })
    }).catch(() => {
      console.log('用户点击Esc取消了');
    })
  } else {
    console.log('浏览器不支持');
  }
}

兼容性

1122334455.png

用途想法

1. 做一个chrome插件点击取色然后放入剪贴板

2. 用户设计网页等软件