トップページ 利用規約 掲示板 ランキング 初心者説明 質問集 リンクする 相互リンク
タグの説明 テーブルタグ スタイルシート 色の見本 素材屋リンク 作成リンク WEBスペース レンタルリンク
色の指定
ここではホームページで表現できる色の指定の仕方を紹介しています。 タグなどで色指定するときに、ここで紹介している様な字を入力するとその指定した色になります。 色を表す文字は「ff0000」と6文字で指定する方法と、「red」とアルファベットで指定する方法があります。
文字の色を変えるタグ、<font color="#色"> の「色」の所に6桁の色を表す字を入れるとその色になります。6桁の字は
左の2桁の字が赤「例:<font color="#000000">」、
真ん中の2桁の字が緑「例:<font color="#000000">」、
右の2桁の字が青「例:<font color="#000000">」
を表しています。
0→1→2→3→4→5→6→7→8→9→a→b→c→d→e→f
の順で右に行くほど明るくなります。なので、左2桁の赤、中の2桁の緑、右2桁の青を全て「 f 」にすると ffffff となり、真っ白になります。逆に 000000 にすると真っ黒になります。赤の部分だけ ff0000 のようにすれば真っ赤になります。真ん中だけすれば緑になります。黄色にしたければ赤と緑を多くします。555555にすれば灰色になります。ff9922ぐらいにすればオレンジ色です。
テレビの色合いのRGBを調整するのと同じ感覚です。
<font color="#red"> のように英語で色を指定する方法もあります。

色の一覧
#ffffff
#eeeeee
#dddddd
#cccccc
#bbbbbb
#aaaaaa
#999999
#555555
#777777
#666666
#555555
#444444
#333333
#222222
#111111
#000000
#ffffff
#ffeeee
#ffdddd
#ffcccc
#ffbbbb
#ffaaaa
#ff9999
#ff8888
#ff7777
#ff6666
#ff5555
#ff4444
#ff3333
#ff2222
#ff1111
#ff0000
#ee0000
#dd0000
#cc0000
#bb0000
#aa0000
#990000
#880000
#770000
#660000
#550000
#440000
#330000
#220000
#110000
#000000
#ffffff
#eeffee
#ddffdd
#ccffcc
#bbffbb
#aaffaa
#99ff99
#88ff88
#77ff77
#66ff66
#55ff55
#44ff44
#33ff33
#22ff22
#11ff11
#00ff00
#00ee00
#00dd00
#00cc00
#00bb00
#00aa00
#009900
#008800
#007700
#006600
#005500
#004400
#003300
#002200
#001100
#000000
#ffffff
#eeeeff
#ddddff
#ccccff
#bbbbff
#aaaaff
#9999ff
#8888ff
#7777ff
#6666ff
#5555ff
#4444ff
#3333ff
#2222ff
#1111ff
#0000ff
#0000ee
#0000dd
#0000cc
#0000bb
#0000aa
#000099
#000088
#000077
#000066
#000055
#000044
#000033
#000022
#000011
#000000
#ffffff
#ffeeff
#ffddff
#ffccff
#ffbbff
#ffaaff
#ff99ff
#ff88ff
#ff77ff
#ff66ff
#ff55ff
#ff44ff
#ff33ff
#ff22ff
#ff11ff
#ff00ff
#ee00ee
#dd00dd
#cc00cc
#bb00bb
#aa00aa
#990099
#880088
#770077
#660066
#550055
#440044
#330033
#220022
#110011
#000000
#ffffff
#ffffee
#ffffdd
#ffffcc
#ffffbb
#ffffaa
#ffff99
#ffff88
#ffff77
#ffff66
#ffff55
#ffff44
#ffff33
#ffff22
#ffff11
#ffff00
#eeee00
#dddd00
#cccc00
#bbbb00
#aaaa00
#999900
#888800
#777700
#666600
#555500
#444400
#333300
#222200
#111100
#000000
#ffffff
#eeffff
#ddffff
#ccffff
#bbffff
#aaffff
#99ffff
#88ffff
#77ffff
#66ffff
#55ffff
#44ffff
#33ffff
#22ffff
#11ffff
#00ffff
#00eeee
#00dddd
#00cccc
#00bbbb
#00aaaa
#009999
#008888
#007777
#006666
#005555
#004444
#003333
#002222
#001111
#000000

お役立ちリンク集: sozai-R 素材NAVI イラスト素材プチッチ HP作成無料 ホームページ制作会社 ジェバアーツ 格安ホームページの制作屋