個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

ポケモンのキャラからカラーパレットを生成できる「pokepalettes」

ポケモンのキャラからカラーパレット/配色を生成できる「pokepalettes」

ポケモンのキャラからカラーパレット/配色を生成できる「pokepalettes」をご紹介。 ポケモ

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む

色彩検定2級に短期期間で合格できるオススメ問題集・参考書2冊

あなたは今年の目標を立てましたか? 資格試験合格の目標を立てている人はたくさんいますよね。 この

記事を読む

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+

現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチをコレク

記事を読む

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

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

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

記事を読む

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報

日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。 JA

記事を読む

2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー

SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi

記事を読む

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

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

記事を読む