Chrome 95 で追加された画面上の色を取得するEyeDropper APIについて | サイボウズ フロントエンドエキスパートチーム

Chrome 95 がリリースされ、新機能として EyeDropper API が追加されました。(Edge 95 にも追加されました) EyeDropper API とは EyeDropper API は画面上から色情報を取得するスポイトツールをブラウザ上で実現する API です。スポイトツールはデザインツールなどに搭載されていることが多いかと思います。 Chrome の DevTools にも色選択をするときにスポイトアイコンをクリックするとスポイトツールが使えますが、この機能が単体の Web API として実装された形になります。 使い方 EyeDropper API の使い方は次のようになります。 const eyeDropper = new EyeDropper(); const result = await eyeDropper.open(); console.log(resu

[ys0000]

ワンライナー“await new EyeDropper().open();”が便利。

[hogashi]

便利そう

[mizdra]

ゲーム面白い

[Pasta-K]

input type=colorとは別でこれ配置できるの便利じゃん