簡単にすぐできる！ Chrome デベロッパーツールの新機能、ブラウザ外でもスポイトでカラーを取得できるようになりました

Chrome デベロッパーツールのスポイトツールは、ブラウザ内のカラーしか取得できませんでしたが、Chrome 103の新機能として、ブラウザ外のカラーも取得できるようになりました。

ブラウザ外がOKになったので、別アプリで開いている画像からカラーを取得することもできます。

Picking a color outside of the browser

使い方は、簡単です。
Chrome 103で、デベロッパーツールを開きます。

Chrome 103 デベロッパーツールの新機能

「スタイル」ペインで、カラープレビューをクリックして、カラーピッカーを開きます。カラーピッカーのスポイトをクリックして選択し、そのスポイトでブラウザ外でもカラーを選択できるようになりました。

スポイトの操作は今まで変わらず、ブラウザ外でもできるようなったということです。Photoshopのようにドラッグしたままの必要はありません。