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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ
16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」
-
-
カラー/色で参考にすべきはブランドカラー!公式ブランドカラーが一目瞭然ですぐわかる「BrandColors」
カラー/色で大変参考になるブランドカラーががすぐにわかって使いやすいサイト「BrandColors」
-
-
Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12
デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち
-
-
Illustratorでもっておくと便利!無料のグラデーションスウォッチ1000+
Illustratorのデザインでもっておくと便利なもの。 パターン、ブラシ、そして、今回ご紹介す
-
-
ポケモンのキャラからカラーパレット/配色を生成できる「pokepalettes」
ポケモンのキャラからカラーパレット/配色を生成できる「pokepalettes」をご紹介。 ポケモ
-
-
スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」
スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。 スイス
-
-
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE
-
-
トレンドカラー(流行色)をご紹介!2013年秋冬のトレンドカラーはこれ
デザインするとき、どんな色にするか迷うことってないですか? クライアントから明確な指示があればいい
-
-
流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報
日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。 JA
-
-
2014年夏のトレンドカラー・流行色:Le Cuir発表
2014年春夏の流行色(トレンドカラー)については、前回の記事 「2014年春夏の流行色・トレンド
