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年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー
SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi
-
-
配色に困ったら!参考配色例付き配色提案サービス「Color Hunt」が便利
配色に困ったときの強い味方! 配色の提案サービス(キュレーションサービス)をご紹介します。 配色に
-
-
2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー
SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX
-
-
2014年春夏の流行色・トレンドカラーをLenzing(レンチング)社が提示
2014年春夏の流行色(トレンドカラー)については、前回の記事「2014年春夏の流行色・トレンドカラ
-
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
-
Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+
Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す
-
-
効果的な配色を!実践で使えるカラーパレット100
カラー・色は、あらゆる人の人生においてもっとも重要な要素の1つではないでしょうか。 特にデザイン領
-
-
2015年春夏の流行色/トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色/トレンドカラー
SpinExpoが2015年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
-
デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+
現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチをコレク
-
-
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE
