個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」

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

ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」

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

Colorpeekの使い方

まずはChrome ウェブストアで ColorpeekをChromeに追加します。
これで準備は完了です。

ブラウザに表示されている画像の色・カラー情報を調べたい

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

Hex, RGB, HSL変換、シェアも簡単

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

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

検索ウインドウでもカラーを表示

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

ローカル上の画像もすぐに解析

ローカル上にある画像も、ドラッグ&ドロップで素早く解析・表示してくれる便利さです。

作者さんによる詳しい紹介動画もありますので、こちらもご覧ください。

Colorpeek

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 3

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手でも、まとまりのある良い感じのカラーパレットに直してくれるサービスをご紹介します。 便利

記事を読む

2015年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2015年春夏の流行色/トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色/トレンドカラー

SpinExpoが2015年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。 スイス

記事を読む

2014年春ファッションにおける流行色・トレンドカラー by PANTONE

インクの大手メーカーPANTONEカラーが定期的に流行色・トレンドカラーを発表しているのをご存知でし

記事を読む

カラー・色彩心理学【お手軽版】色・カラーがもつ心理的意味がよくわかる

デザインにおいて色・カラーが重要なのは言うまでもないですよね。 さらに重要になってくるのが配色の知

記事を読む

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年秋冬の流行色・トレンドカラーを発表しました。 デザインや商品企画などで

記事を読む

トレンドカラー(流行色)をご紹介!2013年秋冬のトレンドカラーはこれ

デザインするとき、どんな色にするか迷うことってないですか? クライアントから明確な指示があればいい

記事を読む

2014年春夏の流行色・トレンドカラーをLenzing(レンチング)社が提示

2014年春夏の流行色(トレンドカラー)については、前回の記事「2014年春夏の流行色・トレンドカラ

記事を読む