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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」
配色が苦手でも、まとまりのある良い感じのカラーパレットに直してくれるサービスをご紹介します。 便利
-
2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー
SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX
-
2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー
SpinExpoが2016年秋冬の流行色・トレンドカラーを発表しました。 デザインや商品企画などで
-
2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー
SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi
-
デザイナー必携!現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチ1600+
現場でトレンドとなっているカラーのPhotoshop&Illustrator用無料スウォッチをコレク
-
色彩検定2級に短期期間で合格できるオススメ問題集・参考書2冊
あなたは今年の目標を立てましたか? 資格試験合格の目標を立てている人はたくさんいますよね。 この
-
CSS3の色名147色(RGB、HEX16進カラーコード併記)
CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。
-
「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」
カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」
ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自