【Firefoxアドオン】ブラウザから色を簡単に取得できるカラーピッカー「Rainbow Color Tools」が便利

シェアする

Firefoxで使いやすいカラーピッカーがないかなと探してた所「Rainbow Color Tools」という良さ気なアドオンがあったので紹介します。

Rainbow Color Toolsの使い方・機能

Rainbow Color Toolsのダウンロード

以下からアドオン公式サイトからダウンロードします。特に設定はありません。

Rainbow Color Tools :: Add-ons for Firefox

Rainbow Color Toolsの機能

Rainbow Color Toolsには以下の4つの機能があります。

  1. Inspector
  2. これがメインの機能になります。

    ・使い方

    ⅰ.インストール後ブラウザの右上に表示されるのでそれをクリック

    Inspector1

    ⅱ.するとマウスを動かすと同時にマウスカーソルの下に色の値が表示されます。

    Inspector2

    使われている色が知りたい場所までいったらクリックをします。これでPCのクリップボードにコピーされたのでメモ帳などにペーストすることが出来るようになります。

    Inspector3

    Inspector4

    ショートカット「Ctrl + Alt + C」でこの機能を起動出来るので
    覚えておけばさらに便利

  3. Picker
  4. カラーパレットを開いて使いたい色を選択する機能。

    ・使い方

    ⅰ.Pickerを選択します。

    Picker1

    ⅱ.Pickerが起動します。SAVEを行えばLibraryに保存することも可能です。

    Picker2

  5. Website analyzer
  6. Website analyzerは閲覧しているページにどの色が利用されているかを確認できる機能です。

    ・使い方

    ⅰ.Website analyzerを選択します。

    Website-analyzer1

    ⅱ.するとWebsite analyzerが起動し、使われている色が確認できるようになります(ざっくりですが)。それに加えて色にカーソルをあわせるとその色がページに占める割合も確認できます。

    Website-analyzer2

  7. Library
  8. LibraryはRainbow Color Toolsを利用した際にSaveをした色を保存して置くことが出来る機能です。

    ・使い方

    ⅰ.Libraryを選択します。

    Library1

    ⅱ.Libraryが起動します。

    予め保存する際にTagやURLを設定しておけば絞込みも可能です。

    Library2

最後に

自分が使ったカラーピッカーの中ではこれが一番使いやすいかな~と思ってます。
他にもっといいのがあるよ!というのがありましたら、ぜひ教えてください(*´∀`)シ