トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


おすすめサイト
WEB COLOR 216ホームページ制作に役立つ色の見本があります。
D. projectホームページの配色シミュレーションなどがあります。
Color Slider3色のスクロールバーをスライドして、色を作ることができる。
原色大辞典サンプル付きで、色名、16進法(例 #ff8844)の情報が分かる。
Color'sテーマ別に色分けされていて、デザインの参考になります。
MENU
前のページにもどる
トップページにもどる
色見本1  色見本2
色の見本・指定方法
ここではホームページで表現できる色の指定の仕方を紹介しています。 タグなどで色指定するときに、ここで紹介している様な字を入力するとその指定した色になります。 色を表す文字は「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