【画像から色の情報を取得するスポイトツール】この画像のこの色は何?

この画像のこの色は何?

ホームページ制作をしておりますエムリンクスの前田です。

 

今日からお休みの方も多いですかね。

 

昨日、ゴールデンウィークのお休みの予定を入れてみました。

👇

https://www.m-links.co.jp/news/gw/

 

一応、今日からですが・・・💦

 

今年こそ、意味がないだろうなぁ。

 

どこにも行かないので、家でパソコンしているか本を読んでいるか断捨離をしていると思います。(*^^*)

 

皆様も、GWのお休みを明記されていない方は、ホームページやブログに掲載しておきましょう!

 

さてさて、何度かご紹介させていただいているCanvaというオンラインデザインサービスって本当に便利ですよね。

 

簡単な加工の画像は、私はこれで作っています。私のようにデザイナーではなくても十分にこなせます。

 

そして、これを使っていて、時々こんなことをします。

 

例えば・・・お客様の画像をお借りして、

 

元画像

 

👆 の画像をもう少し、横長にしたいとします。

 

となると、背景の黄色の情報を知る必要があります。

 

そんな時に便利なソフトが、パワースポイトというソフト(Windowsソフトです。)

 

画面上のどんな部分からでも色を採取できます

「パワースポイト」は、画面のどの部分からでも、色の情報を取り出すことができるツールです。
使い方は、マウスで採取したい色を選び、[スペース]キーを押すだけ。

取った色は、HTMLで使われる色番号かその色で塗りつぶされた正方形としてクリップボードへコピーできます。
また、赤、青、緑の色の割合も表示されるので「色の選択」ダイアログに直接配色を入力するだけで、その色が再現できます。

採取した色は、履歴として一覧表示されますので、多くの色を採取したい場合も便利です。

 

パワースポイト

 

👆 のような情報を取得することができますので、先ほどのCanvaで背景を設定してあげると・・・

 

ワイド画像

 

背景と全く同じ色で、きれいに横長の画像が作成できます。

 

パワースポイトのダウンロードは、こちらから▶

 

ずっと前に発見したソフトなので、もっと良いソフトがあるよ!いやいやそんなことしなくても簡単に色情報ゲットできるよ!という方は、教えていただけるととっても嬉しいです。

 

とここまで書いておいて、他にないかと調べていたらありました。💦

 

Windows標準のペイントでもできるようです。 こちら▶

 

ただし、#FFDE59 といったHTMLの色の情報は取得できないみたい・・・

 

オンライン上にもありました!

 

こちら▶

 

👆 であれば、Webサービスなので、Windows ではなくても、iPhone でもできます。

 

ただし、この2つは、スクショを撮って、一旦画像を保存する手間がかかるので、私は、最初のパワースポイトというソフトを使い続けるだろうなと思いました。

 

この画像のこの色は何?

 

知りたい場合は、ぜひお試しください。

 

ではでは~♪

 

月額1,000円のホームページ制作サービス

https://www.m-links.co.jp/ranking/omisejiman/

 

感謝の気持ちを忘れず、多くの方が繋がるきっかけに。

合同会社エムリンクス

代表社員 前田 英隆
〒730-0803 広島市中区広瀬北町3-11 和光広瀬ビル3F
Tel :090-6478-7048
Mail:info@m-links.co.jp
LINE:https://line.me/ti/p/%40omisejiman

 

感謝の気持ちを忘れず、多くの方が繋がるきっかけに。

合同会社エムリンクス

代表社員 前田 英隆
〒730-0803
広島市中区広瀬北町3-11 和光広瀬ビル3F
Tel :090-6478-7048
Mail:info@m-links.co.jp
LINE:https://line.me/ti/p/%40omisejiman

LINE公式アカウント

 

ウェブ制作事業

初期費用0円、月額1,100円『お店自慢』https://www.m-links.co.jp/omisejiman/ 初期費用0円、月額5,500円『繁盛店』https://www.m-links.co.jp/[…]

IMG

 

 

>ホームページは自分で作る!

ホームページは自分で作る!

とにかく自分でホームページをいじりたい!ホームページ制作の知識ゼロの初心者を対象にした講座です。当講座では、ワードプレスでホームページを一緒に作成していきます。

CTR IMG