当メディアのリンクにはアフィリエイト広告が含まれています

カラーピッカーで画面上のカラーコードを取得できる、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」はウェブ用のスポイトツールとして多くの場面で役立つ!

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

もっと読む

10本の記事を表示する
関連キーワード
公開情報
更新日2013年03月27日
執筆者g.O.R.i
コメント(1件)

コメントは承認後に表示されます。良識のあるコメントを心がけ、攻撃的な表現や他人が傷つく発言は避けましょう。なお、コメント投稿時に「利用規約」に同意したとみなします。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

「ウェブ」新着記事
トレンド検索