HTML Color Codes

HTMLカラーチャート

色のマスをクリックすればHTMLのカラーコードが入手できます。

HTMLカラーピッカー

縦のスライドを動かしてカラーを選択し、左のマスをクリックして好きなカラーキャストのHTML カラーコードを入手します。


HTMLカラーコードの決まり

「この文字と数字の奇妙な組み合わせには何か意味があるのかな。」とお思いかもしれません。その通りです。このように決まっています。

HTMLコードのフォーマット
各HTMLコードには、「#」の記号と6つの文字や数字が含まれています。これらの数字は、16進法で表されています。例えば、16進法の「FF」は、10進法の255を表しています。

記号の意味
HTMLカラーコードにある最初の2つの記号は、赤色の濃さを表しています。00が最も薄く、FFが最も濃くなっています。3番目と4番目は緑色の濃さを、そして5番目と6番目は青色の濃さを表しています。ですから、赤、緑、青の濃さの組み合わせで、自分の望み通りの色をほぼ何でも作ることができます^^


#FF0000 - このHTMLコードでは、ブラウザに対し、赤を最大にして緑と青を無しにするという指示を出します。 ですから、当然結果は純粋な赤色となります。     

#00FF00 - このHTMLコードは、緑のみで赤と青を無しにします。結果はこの通り。     

#0000FF - このHTMLコードは、青のみで赤と緑を無しにします。結果はこの通り。     

#FFFF00 - 赤と緑を組み合わせると黄色になります。     

#CCEEFF - 赤よりも緑を少し多くし、青を最大にすると空色になります     

当ウェブサイトをご支援下さい

当ウェブサイトへリンクしてご支援下さい。手順は、ご自身のウェブサイトに以下のコードを入力するだけです。もしくは、ソーシャルネットワークで口コミを広めて頂いても構いません (Twitter, Facebook, Google +1):

<a href="http://html-color-codes.info" title="HTML color codes">HTML color codes</a>