MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

スポイトは Firefox 31 の新機能です。

スポイトツールで、ページ内から色を選択することができます。これはページ上で拡大鏡のように動作して、ピクセル単位の精度で選択することができます。拡大鏡の下には、現在選択しているピクセルの色の値を、オプション > 調査 で選択した色単位で表示します:

このツールは以下 2 種類の用途で使用できます:

  • ページから色を選択して、クリップボードにコピーする
  • インスペクターのルールビューにある色の値を、ページから選択した色に変更する

色をクリックボードにコピーする

Eyedropper は 2 種類の方法で開くことができます:

ページ上でマウスポインターを動かすのに応じて、スポイトで選択中の色の値が変わります。クリックすると、現在の色の値をクリップボードにコピーします。

ルールビューで色の値を変更する

インスペクターのルールビューにある色の値では、隣に色のサンプルを表示しています。色のサンプルをクリックするとカラーピッカーがポップアップします。Firefox 31 より、ポップアップにスポイトのアイコンがあります。このアイコンをクリックすると、スポイトツールが起動します。

スポイトツールでクリックすると、ルールビューの色がスポイトで選択した色に設定されます。

キーボードショートカット

操作 Windows OS X Linux
現在の色を選択する Enter Return Enter
スポイトを破棄する Escape Escape Escape
1 ピクセル移動する 矢印キー 矢印キー 矢印キー
10 ピクセル移動する Shift + 矢印キー Shift + 矢印キー Shift + 矢印キー

ドキュメントのタグと貢献者

 このページの貢献者: SatoshiOhata, yyss, jsx
 最終更新者: SatoshiOhata,