カラーピッカーで画面上のカラーコードを取得できる、Google Chrome拡張機能「Color Picker」

Color palette 【img via Color Your life by Capture Queen ™

デザインをする際にインストールされているとかなり役立つ!

かなり前から使っているGoogle Chrome拡張機能なのだが、画面上にある要素や素材の色をカラーピッカーで取得できる「Color Pickerがかなり便利なので紹介する!

カラーコードはもちろん、RGB値も取得できる!

使い方は簡単!まずはChrome Web Storeからインストール!カラーコードを取得したいページを開き、拡張機能バーに追加された「Color Picker」ボタンをクリックする。マウスカーソルが十字架に切り替わるので、要素に合わせてクリック!

すると、以下のようにクリックした場所のカラーコードならびにRGB値が表示される!便利!
Color Picker Google Chrome
設定も用意されているが、僕は特に変更したことがない。選んだカラーの履歴も残るようになっている。
Color Picker Google Chrome
僕の使っているFireworksなどの画像編集アプリケーションであればスポイトツールなどでクリックした色を別の要素に反映することができるが、ウェブ上ではCSSならまだしも、画像のカラーコードを取得するのは不可能。その点、「Color Picker」はウェブ用のスポイトツールとして多くの場面で役立つ!

入れておいて損は無いので、気になる人はこちらからダウンロードしてみるべし!

オススメ
color-palette.jpg

gori.meの最新情報をチェック!!

  1. delete-iphone-else-top.jpg
    【保存版】iPhoneのストレージ容量不足を劇的に解消する7つの方法
  2. iphone6s-shutdown.png
    Apple、「iPhone 6s が突然シャットダウンする問題に対するプログラム」ページを公開、シリアル番号で確認可能に
  3. Devices-All-Logo.png
    Mac用メールアプリの決定版!「Spark for Mac」が正式リリース
  4. Sony-Life-Space-UX-22.jpg
    【レビュー】今話題!超短焦点プロジェクター「LSPX-P1」が彩る自宅の白壁(1/3)【Sponsored by Sony】
  5. Mac-Storage-Technique.jpg
    【保存版】Macの「その他」を削除し、ストレージ容量不足を解消する方法