カラーピッカー（スポイト）の使い方は？

私が発見した、Chrome開発ツールに組み込まれた非常に便利なツールがあります。名前すら知らず、グーグルで見つけられません。ピクセルインスペクターツールだと思います。

私はそれを使用する方法を次の方法を見つけます：

1a。背景色でhtml要素を検査します。

1b。要素の背景色を定義します。

2. カラーピッカーをクリックします。
3. （開発ツールではなく）ページ上の任意の要素の上にマウスを移動します

参照：http : //skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif

私の質問：このツール名は何ですか？簡単に使うには？ほとんどの場合、色は気にしませんが、アイコンのピクセルを調べたいと思います。このツールのホットキーはありますか？

スポイトを開くには：

1. DevToolsを開く F12
2. 「要素」タブに移動します
3. [スタイル]サイドバーの下で、色プレビューボックスをクリックします

その主な機能は、ピクセルカラー値をクリックして検査することですが、新しい機能では、下部にある2つの矢印アイコンをクリックして、ページの既存のカラーパレットまたはマテリアルデザインパレットを表示することもできます。ページをデザインするときに非常に便利です。

スポイトツールと呼ばれます。私が知っているショートカットキーはありません。これを使用できる唯一の方法は、スタイルサイドバーのカラーピッカーボックスをクリックし、すでに行っているようにページをクリックすることです。

現在のところ、スポイトツールは私のバージョンのChrome（上記のとおり）では機能していませんが、以前は機能していました。Chromeの最新バージョンで更新されているそうです。

ただし、Firefoxでは簡単に色を取得できます。

1. Firefoxでページを開く
2. ハンバーガーメニュー-> Web開発者->スポイト
3. スポイトツールを画像の上にドラッグします...をクリックします。
   色がクリップボードにコピーされ、スポイトツールがなくなります。
4. 色コードを貼り付け

Chromeでスポイトツールを動作させることができない場合は、これは良い回避策です。
私もアクセスしやすいと思います:-)