>> 
Webページから色情報などを取得できる Rainbow 0.9.2
 >> 
Webページから色情報などを取得できる Rainbow 0.9.2

スポンサーサイト

  • このエントリーをはてなブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Webページから色情報などを取得できる Rainbow 0.9.2

  • このエントリーをはてなブックマークに追加

Webページから色情報などを取得できる Rainbow 0.9.2

気候が少し暖かくなり、ベランダの野菜が少し大きくなってきてとても楽しみな管理人です。


今回は、Webページの色情報の取得し、その取得された情報を管理でき、カラースキームまで作成できるアドオンです。




Rainbow 0.9.2

Rainbow」は、Webページの色情報の取得、取得された情報の保存、コピー、カラースキームの作成などできる Firefox アドオンです。

Rainbow Color Tools :: Add-ons for Firefox

以下、実際に使ってみた様子です。




使用方法

Rainbow 0.9.2

ブラウザステータスバー右側と ツール >> Rainbow から使用できます。
設定によりコンテキストメニューからも使用できます。



Rainbowメニュー

Rainbow 0.9.2

ステータスバーアイコン上で右クリックを開くと Rainbow メニューを表示
(クリックでショートカットで使用できます。 設定で変更可)



Rainbowメニュー - Inspector

Rainbow 0.9.2

閲覧中のWebページの色情報と座標を取得します。クリックすると一時的に記憶し取得した情報コピーしたり専用ブックマークに保存できます。

  • Rainbow 0.9.2Resume inspecting
    再び色情報と座標を取得できます。
  • 「×」Close inspector
    Inspectorを閉じます。
  • Copy - 色情報をコピーします。
  • Bookmark
    色情報を Rainbow の専用ブックマークに保存できます。


Rainbow 0.9.2 Rainbow 0.9.2
Rainbow の専用ブックマークに保存する時、ポップアップ表示されます。タグを入れることができるので、Libraly でタグ管理もできます。



Rainbowメニュー - Picker

Rainbow 0.9.2

カラーピッカーです。
ここで作成した色を Rainbow の専用ブックマークに保存したりコピーできます。



Rainbowメニュー - Libraly

Rainbow 0.9.2

Rainbow の専用ブックマークです。
保存した色情報、URL、日付、タグなどで管理できます。



Rainbowメニュー - Website Analyzer

Rainbow 0.9.2

閲覧中のWebサイトを分析してカラースキームを作成してくれます。

  • Extract
    再抽出
  • Copy
    全てのカラースキームのコピー
  • Bookmark
    カラースキームを Rainbow 専用ブックマークに保存できます。

    Rainbow 0.9.2

    カラースキームを Rainbow 専用ブックマークに保存すると下記のように保存されます。

    Rainbow 0.9.2

    単色でも保存できます。




設定

[ Firefoxボタン >> アドオン >> Rainbow >> 設定 ]

Rainbow 0.9.2




設定 - General
  • Display color value in:
    ディスプレイ色の値を HEX/RGB/hsl から選択できます。
  • Copy in a different format:
    コピー時だけ異なるフォーマットにできます。
  • フォーマットの種類は画像を参照

    Rainbow 0.9.2

  • Add to context menu
    チェックを入れるとコンテキストメニューから使用できます。
  • Add icon to status bar as shortcut to
    ステータスバーアイコンをクリックした時の動作



設定 - Inspector
  • Only show display when hovering over swatch

    Rainbow 0.9.2

    このチェックを入れると取得したい情報決定するまで情報が表示されません。
  • Show element info

    Rainbow 0.9.2

    Webサイトの要素を表示する。
  • Show coordinates - 座標を取得する。
  • Show swatch next to mouse pointer

    Rainbow 0.9.2

    Inspectorで取得した情報をマウスの横で表示します。



設定 - Analyzer
  • Number of colors to show - Analyzer で取得できる数を増やします。




インストールページ

関連記事
-0 comments
管理者にだけ表示を許可する
-0 trackbacks