ホームページやブログで使う、色のコード表

ホームページやブログの設定で使う、色のコード表

■パソコンの色は16進数

16進数・・・というとすごく難しいような気がしますね。たしかに16進数をきちんと理解しようとしたらそれなりに難しいのですが・・・ここではそういう難しいことはヌキにして、以下のことだけ覚えてください。

インターネットやホームページで使われる「色」は6桁の文字であらわされていて、使われる文字は１～９とＡ～Ｆの16種類だけです。

具体的には例えば「0033FF」というような形であらわされます。この文字列の頭に「#」をつけたものを色コードとして扱います。で、「#0033FF」というのはこういう色です→「■■■」

だからたとえば「#9945AB」（■■■■）とか、「#FABCD6」（■■■■）とか、そういうコードもアリなのですが、異なるOS(WindowsとかMacとか）や異なるブラウザなど、異なる環境でもなるべく同じ色で表現できるように用意された色（コード）を使うのが一般的です。これらの色のことを「WEBセーフカラー」と言います。

■色コードはいつ、どこで使うか？

ホームページ制作などでは当たり前のように使います。

また、ホームページ制作の際のスタイルシート作成などでは特によく使います。

ホームページの制作をしない方でもたとえば、ブログのテンプレートをカスタマイズする際などに利用できます。多くのブログサービスではブログそのもののデザイン（＝テンプレート）を自分好みにアレンジしたり設定できますが、その中のスタイルシート設定などをする際、「HTMLタグを記述してください」というようなところがありますよね？そのタグの中に「#000033」というような記述があったら、その部分は色を表しています。その色を以下のWebセーフカラーのコードに書き換えれば、対応する部分の実際の見た目の色が変わる、というわけです。

■色コード対応表

具体的なWebセーフカラーの色とコードの対応は以下の表のとおりです。

■詳しいご相談は個別に承ります

このページの記述は、少しパソコンの専門知識に近い話です。具体的なご相談やご質問は、当相談所へのご相談として個別に承ります。