スポイトは Firefox 31 の新機能です。
スポイトツールで、ページ内から色を選択することができます。これはページ上で拡大鏡のように動作して、ピクセル単位の精度で選択することができます。拡大鏡の下には、現在選択しているピクセルの色の値を、オプション > 調査 で選択した色単位で表示します:
このツールは以下 2 種類の用途で使用できます:
- ページから色を選択して、クリップボードにコピーする
- インスペクターのルールビューにある色の値を、ページから選択した色に変更する
色をクリックボードにコピーする
Eyedropper は 2 種類の方法で開くことができます:
- "Web 開発" メニューで "スポイト" を選択する
- ツールボックスのツールバー でスポイトボタンをクリックする (ただし、このボタンはデフォルトで表示されていません。開発ツールのオプション で "ページから色を選択します" にチェックを入れなければなりません)
ページ上でマウスポインターを動かすのに応じて、スポイトで選択中の色の値が変わります。クリックすると、現在の色の値をクリップボードにコピーします。
ルールビューで色の値を変更する
インスペクターのルールビューにある色の値では、隣に色のサンプルを表示しています。色のサンプルをクリックするとカラーピッカーがポップアップします。Firefox 31 より、ポップアップにスポイトのアイコンがあります。このアイコンをクリックすると、スポイトツールが起動します。
スポイトツールでクリックすると、ルールビューの色がスポイトで選択した色に設定されます。
キーボードショートカット
操作 | Windows | OS X | Linux |
---|---|---|---|
現在の色を選択する | Enter | Return | Enter |
スポイトを破棄する | Escape | Escape | Escape |
1 ピクセル移動する | 矢印キー | 矢印キー | 矢印キー |
10 ピクセル移動する | Shift + 矢印キー | Shift + 矢印キー | Shift + 矢印キー |