色のHTMLタグ(カラーコード)を調べる方法 幸せお小遣いゲット大作戦

お小遣いサイトを徹底攻略ーネットで副収入ー
 

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 
スポンサー広告 | TB(-) | CM(-)

色のHTMLタグ(カラーコード)を調べる方法 

画像や文字や背景などの色を調べたい時に、難しいソフトなどを使わずに、簡単に色のコードを調べる方法を紹介します。

ペイントと電卓だけで、ソフトのダウンロードなしにWEBサイトの気に入った色を調べる方法


色のコードは、#と6ケタの半角英数字で表します。


にほんブログ村 小遣いブログ その他お小遣い稼ぎへ


例として、ブログ村のロゴのオレンジ色のカラーコードを調べてみます。

まず、調べたい色があるページをプリントスクリーンでコピー(キャプチャ)します。
プリントスクリーンとは、画面を表示状態をコピーするボタンです。
「Prtsc」と書いてあって、キーボードの右上のほうにあります。

モニターに画面が表示されている状態で、「Prtsc」を押します。これで画面がコピーされました。

次に、スタート→すべてのブログラム→アクセサリ→ペイント で、ペイントを起動させます。

Ctrl+Vでペイントに、コピーした画像を貼り付けます。
スポイトのマークを選択して、ペイントに貼り付けた画像のオレンジ色の部分をクリックして色を吸い取ります。
線など細くて吸い取りにくい場合は、画像を拡大するとやりやすくなります。(ホーム→サイズの変更)。
tes.jpg

ペイントの「色の編集」をクリックします。
tes02.jpg
00000.jpg


右下の、赤、緑、青の数字をそれぞれ16進数に変換したら、カラーコードになります。

スタート→すべてのブログラム→アクセサリ→電卓 で電卓を起動させます。
タブの 表示→プログラマ を選択します。 
tes05.jpg

ペイントの「赤」の数字の255を、電卓に入力します。
16進数のチェックボックスに切り替えると、16進数に切り替わります。
00001.jpg


255が16進数のFFに変換されました。
「C(クリア)」を押してリセットして、緑(102)青(0)も同じようにして変換します。
(0の場合は00になります。)

変換した、FF 66 00 を#の後につなぎあわせれば、カラーコード(#ff6600)の完成です!

<font color="#ff6600">テスト</font>  
テスト 

※16進数への変換は、電卓を使わなくても自動で変換してくれるサイトがありますので、「16進数 変換」で検索してみてください。

FirefoxとGoogle Chromeの機能拡張「ColorZilla」を使って調べる方法

ColorZillaのダウンロード(Google Chrome板)
ColorZillaのダウンロード(Firefox板)
関連記事
 
vogeobrtf
色のHTMLタグ(カラーコード)を調べる方法 幸せお小遣いゲット大作戦
vogeobrtf http://www.g5q97yg8r4qkc852sl74545uj7y7x2rus.org/
<a href="http://www.g5q97yg8r4qkc852sl74545uj7y7x2rus.org/">avogeobrtf</a>
[url=http://www.g5q97yg8r4qkc852sl74545uj7y7x2rus.org/]uvogeobrtf[/url]
[ 2017/05/13 00:18 ] [ 編集 ]












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

ポイントサイトのハピタス
日々の生活にhappyをプラスする|ハピタス
ハピタス
1P=1円 300Pで換金可
プロフィール

aki

Author:aki
今日から始めるネットでお小遣い獲得
にほんブログ村 小遣いブログ その他お小遣い稼ぎへ
にほんブログ村

最新記事
最新トラックバック
QRコードで携帯から見る
QR
Twitter
ブログの更新情報やお得な情報をつぶやいています。
人気の記事
アクセスランキング
アクセス数が多いサイトのリンクをランキング順に表示してます。



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。