ペイントで画像の中のカラーコードを調べる方法

[ペイント] 画像やウェブサイト上の特定色のカラーコードを調べる方法

画像の中の、特定部分の(16進数)カラーコードが知りたい場合は、Windowsに標準でインストールされている「ペイント」で調べることが可能です。

画像ではなく、ウェブサイト上のカラーコードを調べる場合は、ウェブページのスクリーンショットを取って調べることができます。
Surface Pro 3でスクリーンショットを撮る方法

まず、調べたい画像を準備します。
今回はこちらの画像を準備してみました。
ペイントで画像の中のカラーコードを調べる方法

この画像の中の赤丸の部分のカラーコードを調べてみたいと思います。
ペイントで画像の中のカラーコードを調べる方法_step1

画像をペイントで開きます。
カラーコードを調べたい画像をペイントで開く

[ツール]の中の[色の選択]をクリックし、カラーコードを調べたい部分をクリックします。
[ツール]の[色の選択]をクリックし、調べたい色をクリック

クリックした部分の色が表示されます。
選択した色が表示されます

[色の編集]をクリックします。
[色の編集]をクリックします

カラーコードを10進数の表した数値が確認できます。
この場合、赤(R):103、緑(G):150 青(B):184です。
カラーを10進数で表した数値です

10進数の
[赤(R):103、緑(G):150 青(B):184]、
を、16進数に変換すると、
[赤(R):67、緑(G):96 青(B):B8]
になります。
(※16進数とは、0~9とA~Fで表す数値です。)

16進数に変換した数値をつなげます。

[#6796B8]

これが16進数のカラーコードになります。

■カラーコード変換ツール
http://iroempitsu.net/zukan/tl-hexdec.htm
http://syncer.jp/color-converter

Be Sociable, Share!

コメントを残す

メールアドレスが公開されることはありません。