Weaving your Webpage

Coloring Your world: color codes in html

You can add color to your webpage in a number of ways. The first way is by the background. You can either choose a solid color, which has a color code that goes in the html, or you can use an image as a background.

If you use an image, you do not want it to be a large file since it will take it much longer to load. Instead, most people use tiled gifs or jpg images. These are small (10 K or so) and they tile to fill the page's background. Below are a few background image examples.

1) 2) 3)

One thing you need to keep in mind when choosing a background is that while it may look great, the text on it is the most important. You have to choose a background that your text will show up well on. People don't loke to have difficulty reading something.

You specify background color or image, as well as text and link color in a body tag that looks like this:

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">

This gives a black background, white text and silver links. To use a background image you'd simply put this:

<BODY BACKGROUND="filename.gif">

You can change text color as often as you like! Wherever you want to change font color, just put in a <FONT COLOR="#22FFG9"> tag, for example.

Below are a list of colors and the codes for them used in html.

000000 003300 006600 009900 00CC00 00FF00
000033 003333 006633 009933 00CC33 00FF33
000066 003366 006666 009966 00CC66 00FF66
000099 003399 006699 009999 00CC99 00FF99
0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC
0000FF 0033FF 0066FF 0099FF 00CCFF 00FFFF

330000 333300 336600 339900 33CC00 33FF00
330033 333333 336633 339933 33CC33 33FF33
330066 333366 336666 339966 33CC66 33FF66
330099 333399 336699 339999 33CC99 33FF99
3300CC 3333CC 3366CC 3399CC 33CCCC 33FFCC
3300FF 3333FF 3366FF 3399FF 33CCFF 33FFFF

660000 663300 666600 669900 66CC00 66FF00
660033 663333 666633 669933 66CC33 66FF33
660066 663366 666666 669966 66CC66 66FF66
660099 663399 666699 669999 66CC99 66FF99
6600CC 6633CC 6666CC 6699CC 66CCCC 66FFCC
6600FF 6633FF 6666FF 6699FF 66CCFF 66FFFF

990000 993300 996600 999900 99CC00 99FF00
990033 993333 996633 999933 99CC33 99FF33
990066 993366 996666 999966 99CC66 99FF66
990099 993399 996699 999999 99CC99 99FF99
9900CC 9933CC 9966CC 9999CC 99CCCC 99FFCC
9900FF 9933FF 9966FF 9999FF 99CCFF 99FFFF

CC0000 CC3300 CC6600 CC9900 CCCC00 CCFF00
CC0033 CC3333 CC6633 CC9933 CCCC33 CCFF33
CC0066 CC3366 CC6666 CC9966 CCCC66 CCFF66
CC0099 CC3399 CC6699 CC9999 CCCC99 CCFF99
CC00CC CC33CC CC66CC CC99CC CCCCCC CCFFCC
CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF

FF0000 FF3300 FF6600 FF9900 FFCC00 FFFF00
FF0033 FF3333 FF6633 FF9933 FFCC33 FFFF33
FF0066 FF3366 FF6666 FF9966 FFCC66 FFFF66
FF0099 FF3399 FF6699 F9999 FFCC99 FFFF99
FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC
FF00FF FF33FF FF66FF FF99FF FFCCFF FFFFFF

Weaving your Webpage Coloring Your world: color codes in html

You can add color to your webpage in a number of ways. The first way is by the background. You can either choose a solid color, which has a color code that goes in the html, or you can use an image as a background.

If you use an image, you do not want it to be a large file since it will take it much longer to load. Instead, most people use tiled gifs or jpg images. These are small (10 K or so) and they tile to fill the page's background. Below are a few background image examples.

1) 2) 3)

One thing you need to keep in mind when choosing a background is that while it may look great, the text on it is the most important. You have to choose a background that your text will show up well on. People don't loke to have difficulty reading something.

You specify background color or image, as well as text and link color in a body tag that looks like this:

Weaving your Webpage

Coloring Your world: color codes in html