chakkun1121's blog

EyeDropper API

投稿日:2024/1/16

APIについて

このAPIはカラーピッカーを作るのに使用できます。詳しくはMDNを参照してください。

1async function getColor(){
2  const color=await eyeDropper.open()
3  console.log(color) // [object object]
4  console.log(color.sRGBHex) //例 #ffffff
5}

対応状況

caniuse.com

パソコン版chromeでのみの対応となっています。スマホでは利用できません。また、firefoxなどでは利用できません。