2014/01/07
ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」
Chrome機能拡張で色・カラーの分析・変換をすばやく行ってくれる「Colorpeek」が便利だったのでご紹介。
閲覧ページのカラー情報や、手持ちの画像ファイルのカラー情報を調べたい場合に、かなり使い勝手がいいので、ぜひとも試してみてください。
ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」

Colorpeekは、ブラウザ上の画像やCSSの色・カラー情報の分析・表示、あるいは画像ファイルからの色・カラーの分析・表示を、ブラウザで行ってくれるChromeの機能拡張です。
さらに、抽出した色・カラー情報は、すぐにシェアしたり、メールしたり、コードのエクスポートも行えます。
Colorpeekの使い方
まずはChrome ウェブストアで ColorpeekをChromeに追加します。
これで準備は完了です。
ブラウザに表示されている画像の色・カラー情報を調べたい

ブラウザに表示されているページの色・カラー情報を調べたいときには、Colorpeekアイコンをクリックするだけ。
すると、新規タブでカラー情報が表示されます。

Hex, RGB, HSL変換、シェアも簡単
Hex, RGB, HSL変換の左の歯車アイコンをクリックすれば、すぐに変換してくます。

また右の樹形図アイコン?をクリックすれば、ソーシャルサービスでのシェアや、メーラーの立ち上げ、コードのエクスポートも手早く行えます。

検索ウインドウでもカラーを表示
検索ウインドウにキーワードやカラー情報を入力すれば、すぐに表示されます。

ローカル上の画像もすぐに解析
ローカル上にある画像も、ドラッグ&ドロップで素早く解析・表示してくれる便利さです。
作者さんによる詳しい紹介動画もありますので、こちらもご覧ください。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
2014年夏のトレンドカラー・流行色:Le Cuir発表
2014年春夏の流行色(トレンドカラー)については、前回の記事 「2014年春夏の流行色・トレンド
-
-
Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ
Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を
-
-
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。 背
-
-
Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12
デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち
-
-
効果的な配色を!実践で使えるカラーパレット100
カラー・色は、あらゆる人の人生においてもっとも重要な要素の1つではないでしょうか。 特にデザイン領
-
-
配色に困ったら!参考配色例付き配色提案サービス「Color Hunt」が便利
配色に困ったときの強い味方! 配色の提案サービス(キュレーションサービス)をご紹介します。 配色に
-
-
スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」
スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。 スイス
-
-
2017年春夏の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介
SpinExpoが2017年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
-
カラー・色彩心理学【お手軽版】色・カラーがもつ心理的意味がよくわかる
デザインにおいて色・カラーが重要なのは言うまでもないですよね。 さらに重要になってくるのが配色の知
-
-
「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」
カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。
