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

【img via Color Your life by Capture Queen ™】

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

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

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

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

すると、以下のようにクリックした場所のカラーコードならびにRGB値が表示される！便利！

設定も用意されているが、僕は特に変更したことがない。選んだカラーの履歴も残るようになっている。

僕の使っているFireworksなどの画像編集アプリケーションであればスポイトツールなどでクリックした色を別の要素に反映することができるが、ウェブ上ではCSSならまだしも、画像のカラーコードを取得するのは不可能。その点、「Color Picker」はウェブ用のスポイトツールとして多くの場面で役立つ！

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