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

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

Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+

Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す

記事を読む

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」でRBG、CMYK、HEX変換が一瞬になった

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」でRBG、CMYK、HEX変換が一瞬になった

PANTONEカラー検索・変換の決定版ツール「Find a PANTONE Color」をご存知でし

記事を読む

カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ

カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ

16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」

記事を読む

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

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

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

記事を読む

この配色は美しい!ウェス・アンダーソンの映像美を支える配色/カラーパレットを解析した「Wes Anderson Palettes」

類まれなセンスで映画をつくるウェス・アンダーソン監督。 その独特な感性で表現される世界観は多くの人

記事を読む

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

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

記事を読む

配色に困ったら!参考配色例付き配色提案サービス「Color Hunt」が便利

配色に困ったら!参考配色例付き配色提案サービス「Color Hunt」が便利

配色に困ったときの強い味方! 配色の提案サービス(キュレーションサービス)をご紹介します。 配色に

記事を読む

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

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

記事を読む

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

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

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

記事を読む

ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

高品質なロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析

記事を読む