カラースポイト

カラースポイトツールを使えば画像から直接色コードを抽出できます。

カラーコードを抽出する画像を選択

カラースポイトとは?

画像からカラーコードを抽出することができるツールです。

カラースポイトの使い方

カラーコードを抽出したい画像を選択してください。
画面上に画像が表示され【スポイトを使う】ボタンでカラーコード抽出用のスポイトが起動します。画像の任意の箇所を選択するとカラーコードを抽出することが出来ます。
カラースポイトは「Shift + Sキー」によっても起動できます。

抽出したカラーコードは選択することでコピー可能です。

連続でカラーコードを抽出するには?

現状連続でカラーコードを抽出することはできません。
本ツールはブラウザのEyeDropper APIを利用しています。APIの制限上(主にセキュリティの理由により)連続してスポイトを起動することは出来ず、カラーコード抽出ごとにボタンまたはショートカットキーによりスポイトを起動する必要があります。
EyeDropper API - Web APIs | MDN