1. 現在位置:
  2. トップページ
  3. tipsトップ
  4. HTML-背景や文字の色
全体 |  文字のレイアウト |  文字の装飾 |  背景や文字の色 |  区切り線 |  プルダウンメニュー |  サブウインドウ | 
背景や文字の色

色の指定
#FFFFFF #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF

1の表
黒 #000000  白 #ffffff 
赤 #ff0000  緑 #00ff00 
青 #0000ff  黄 #ffff00 

2の表
黒 black  白 white 
赤 red  緑 green 
青 blue  黄 yellow 

1の表のように0123456789ABCDEFの組み合わせで、いろんな色になります。
#123456の12は赤、34は緑、56が青からなっています。
また2の表のようにblack、redの文字でも使えます。

htmlへの書き方は

背景に色を付ける場合

bodyタグの中に<body bgcolor="#000000">と書き加えます。

文字に色を付ける場合

文字の前に<font color="#000000">と書き加え、文字の後に</font>を付けます。

<font color="#ff0000">文字</font>となります。

aliceblue antiquewhite aqua aquamarine
beige bisque blueviolet brown
burlywood cadetblue chartreuse chocolate
cornflowerblue cornsilk crimson darkblue
darkcyan darkgoldenrod darkgray darkkhaki
darkmagenta darkolivegreen darkorange darkmagenta
darkorchid darkred darksalmon darkseagreen
darkslategray darkviolet deeppink deepskyblue
dodgerblue firebrick floralwhite forestgreen
fuchsia gainsboro gold goldenrod
gray greenyellow hotpink indianred
ivory khaki lavender lavenderblush
lemonchiffon lightblue lightcoral lightcyan
lightgreen lightgrey lightpink lightsalmon
lightseagreen lightslategray lightsteelblue lightyellow
lime limegreen linen maroon
mediumaquamarine mediumblue mediumorchid mediumpurple
mediumslateblue mediumspringgreen mediumturquoise mediumvioletred
mintcream mistyrose moccasin navy
olive olivedrab orange orangered
orangered orchid palegreen paleturquoise
palevioletred papayawhip peru pink
plum powderblue rosybrown royalblue
salmon sandybrown seagreen seashell
sienna silver skyblue slategray
snow steelblue tan teal
tomato turquoise violet wheat


#FFFFFF#FFFFFF#FFFFCC#FFFFCC#FFFF99#FFFF99
#FFFF66#FFFF66#FFFF33#FFFF33#FFFF00#FFFF00
#FFCCFF#FFCCFF#FFCCCC#FFCCCC#FFCC99#FFCC99
#FFCC66#FFCC66#FFCC33#FFCC33#FFCC00#FFCC00
#FF99FF#FF99FF#FF99CC#FF99CC#FF9999#FF9999
#FF9966#FF9966#FF9933#FF9933#FF9900#FF9900
#FF66FF#FF66FF#FF66CC#FF66CC#FF6699#FF6699
#FF6666#FF6666#FF6633#FF6633#FF6600#FF6600
#FF33FF#FF33FF#FF33CC#FF33CC#FF3399#FF3399
#FF3366#FF3366#FF3333#FF3333#FF3300#FF3300
#FF00FF#FF00FF#FF00CC#FF00CC#FF0099#FF0099
#FF0066#FF0066#FF0033#FF0033#FF0000#FF0000
#CCFFFF#CCFFFF#CCFFCC#CCFFCC#CCFF99#CCFF99
#CCFF66#CCFF66#CCFF33#CCFF33#CCFF00#CCFF00
#CCCCFF#CCCCFF#CCCCCC#CCCCCC#CCCC99#CCCC99
#CCCC66#CCCC66#CCCC33#CCCC33#CCCC00#CCCC00
#CC99FF#CC99FF#CC99CC#CC99CC#CC9999#CC9999
#CC9966#CC9966#CC9933#CC9933#CC9900#CC9900
#CC66FF#CC66FF#CC66CC#CC66CC#CC6699#CC6699
#CC6666#CC6666#CC6633#CC6633#CC6600#CC6600
#CC33FF#CC33FF#CC33CC#CC33CC#CC3399#CC3399
#CC3366#CC3366#CC3333#CC3333#CC3300#CC3300
#CC00FF#CC00FF#CC00CC#CC00CC#CC0099#CC0099
#CC0066#CC0066#CC0033#CC0033#CC0000#CC0000
#99FFFF#99FFFF#99FFCC#99FFCC#99FF99#99FF99
#99FF66#99FF66#99FF33#99FF33#99FF00#99FF00
#99CCFF#99CCFF#99CCCC#99CCCC#99CC99#99CC99
#99CC66#99CC66#99CC33#99CC33#99CC00#99CC00
#9999FF#9999FF#9999CC#9999CC#999999#999999
#999966#999966#999933#999933#999900#999900
#9966FF#9966FF#9966CC#9966CC#996699#996699
#996666#996666#996633#996633#996600#996600
#9933FF#9933FF#9933CC#9933CC#993399#993399
#993366#993366#993333#993333#993300#993300
#9900FF#9900FF#9900CC#9900CC#990099#990099
#990066#990066#990033#990033#990000#990000
#66FFFF#66FFFF#66FFCC#66FFCC#66FF99#66FF99
#66FF66#66FF66#66FF33#66FF33#66FF00#66FF00
#66CCFF#66CCFF#66CCCC#66CCCC#66CC99#66CC99
#66CC66#66CC66#66CC33#66CC33#66CC00#66CC00
#6699FF#6699FF#6699CC#6699CC#669999#669999
#669966#669966#669933#669933#669900#669900
#6666FF#6666FF#6666CC#6666CC#666699#666699
#666666#666666#666633#666633#666600#666600
#6633FF#6633FF#6633CC#6633CC#663399#663399
#663366#663366#663333#663333#663300#663300
#6600FF#6600FF#6600CC#6600CC#660099#660099
#660066#660066#660033#660033#660000#660000
#33FFFF#33FFFF#33FFCC#33FFCC#33FF99#33FF99
#33FF66#33FF66#33FF33#33FF33#33FF00#33FF00
#33CCFF#33CCFF#33CCCC#33CCCC#33CC99#33CC99
#33CC66#33CC66#33CC33#33CC33#33CC00#33CC00
#3399FF#3399FF#3399CC#3399CC#339999#339999
#339966#339966#339933#339933#339900#339900
#3366FF#3366FF#3366CC#3366CC#336699#336699
#336666#336666#336633#336633#336600#336600
#3333FF#3333FF#3333CC#3333CC#333399#333399
#333366#333366#333333#333333#333300#333300
#3300FF#3300FF#3300CC#3300CC#330099#330099
#330066#330066#330033#330033#330000#330000
#00FFFF#00FFFF#00FFCC#00FFCC#00FF99#00FF99
#00FF66#00FF66#00FF33#00FF33#00FF00#00FF00
#00CCFF#00CCFF#00CCCC#00CCCC#00CC99#00CC99
#00CC66#00CC66#00CC33#00CC33#00CC00#00CC00
#0099FF#0099FF#0099CC#0099CC#009999#009999
#009966#009966#009933#009933#009900#009900
#0066FF#0066FF#0066CC#0066CC#006699#006699
#006666#006666#006633#006633#006600#006600
#0033FF#0033FF#0033CC#0033CC#003399#003399
#003366#003366#003333#003333#003300#003300
#0000FF#0000FF#0000CC#0000CC#000099#000099
#000066#000066#000033#000033#000000#000000