In this lesson you will learn to add color to your pages. It can be a wonderful asset to a exciting page. | ||
Let us first start with coding in the Background color. In the <BODY>tag,
you would enter all the colors you want on your page. This is an example for your background color to be dusty rose.
|
||
Now, we add Text color. After the background color is added, you then add
the text color. We will make the text color dodger blue. So you have a dusty rose
background with dodger blue text.
|
||
Now, for your links either Local, Remote, Bookmark, or Non-Web, we add the
LINK color. To do this, it is also added in the <BODY> tag. Now your background is dusty rose, text is dodger blue
and link is blue.
|
||
And now, let us add the VLINK color, or viewed link, allowing people
to know which link they have already viewed. This is also done in the <BODY> tag. The background is dusty rose, text is dodger blue
, link is blue and viewed link is fuchsia.
|
This is what you page would look like. |
---|
Your background is dusty rose. Your text color is dodger blue Your links are blue. Your viewed links are fuchsia. |
You can also color only a paragraph or just a certain word by using your colors in this way:
Whatever text that you want colored surround with the <FONT> and </FONT> tags as shown above.
Below is a list of color codes. If you print this page, you will have them handy for your use. You will notice on some there are two different codes, they view differently depending on the browser you use. Test them to see which you like best.
Color number | Color | Color number | Color | Color number | Color |
---|---|---|---|---|---|
#FFFFFF | White | #000000 | Black | #FF0000 | Red |
#00FF00 or #008800 | Green | #0000FF | Blue | #FF00FF | Magenta |
#00FFFF | Cyan | #FFFF00 | Yellow | #70DB93 | Aquamarine |
#5C3317 | Baker's Chocolate | #9F5F9F or #8A2BE2 | Blue Violet | #B5A642 | Brass |
#D9D919 | Bright Gold | #A62A2A or #A52A2A | Brown | #8C7853 | Bronze |
#A67D3D | Bronze II | #DEB887 | BurlyWood | #5F9F9F or #5F9EA0 | Cadet Blue |
#7FFF00 | Chartruese | #D2691E | Chocolate | #D98719 | Cool Copper |
#B87333 | Copper | #FF7F00 or #FF7F50 | Coral | #42426F or #6495ED | Corn Flower Blue |
#FFF8DC | Cornsilk | #DC143C | Crimson | #00008B | Dark Blue |
#008B8B | Dark Cyan | #B8860B | Dark Goldenrod | #A9A9A9 | Dark Gray |
#5C4033 | Dark Brown | #2F4F2F or #006400 | Dark Green | #4A766E | Dark Green Copper |
#BDB76B | Dark Khaki | #8B008B | Dark Magenta | #4F4F2F or #556B2F | Dark Olive Green |
#FF8C00 | Dark Orange | #9932CD or #9932CC | Dark Orchid | #8B0000 | Dark Red |
#E9967A | Dark Salmon | #8FBC8F | Dark Sea Green | #871F78 | Dark Purple |
#6B238E or #483D8B | Dark Slate Blue | #2F4F4F | Dark Slate Grey | #97694F | Dark Tan |
#7093DB or #00CED1 | Dark Turquoise | #9400D3 | Dark Violet | #855E42 | Dark Wood |
#FF1493 | Deep Pink | #00BFFF | Deep Sky Blue | #545454 or #696969 | Dim Grey |
#1E90FF | Dodger Blue | #856363 | Dusty Rose | #D19275 | Feldspar |
#8E2323 or #B22222 | Firebrick | #FFFFAF0 | Floral White | #F5CCB0 | Faded Brown |
#238E23 or #228B22 | Forest Green | #FF00FF | Fuchsia | #DCDCDC | Gainsboro |
#F8F8FF | Ghost White | #CD7F32 or #FFD700 | Gold | #DBDB70 or #DAA520 | Goldenrod |
#C0C0C0 or #808080 | Grey | #527F76 | Green Copper | #93DB70 or #ADFF2F | GreenYellow |
#F0FFF0 | Honeydew | #FF69B4 | Hot Pink | #215E21 | Hunter Green |
#4E2F2F or #CD5C5C | Indian Red | #4B0082 | Indigo | #FFFFF0 | Ivory |
#9F9F5F or #F0E68C | Khaki | #E6E6FA | Lavender | #FFF0F5 | Lavender Blush |
#7CFC00 | Lawn Green | #FFFACD | Lemon Chiffon | #C0D9D9 or #ADD8E6 | Light Blue |
#F08080 | Light Coral | #E0FFFF | Light Cyan | #FAFAD2 | Light Goldenrod Yellow |
#90EE90 | Light Green | #A8A8A8 or #D3D3D3 | Light Grey | #FFB6C1 | Light Pink |
#FFA07A | Light Salmon | #20B2AA | Light Sea Green | #87CEFA | Light Sky Blue |
#778899 | Light Slate Grey | #8F8FBD or #B0C4DE | Light Steel Blue | #FFFFE0 | Light Yellow |
#E9C2A6 | Light Wood | #00FF00 | Lime | #32CD32 | Lime Green |
#FAF0E6 | Linen | #E47833 | Mandarian Orange | #8E236B or #800000 | Maroon |
#32CD99 or #66CDAA | Medium Aquamarine | #3232CD or #0000CD | Medium Blue | #6B8E23 | Medium Forest Green |
#EAEAAE | Medium Goldenrod | #9370DB or #BA55D3 | Medium Orchid | #9370DB | Medium Purple |
#426F42 or #3CB371 | Medium Sea Green | #7F00FF or #7B68EE | Medium Slate Blue | #7FFFOO or #00FA9A | Medium Spring Green |
#70DBDB or #48D1CC | Medium Turquoise | #DB7093 or #C71585 | Medium Violet Red | #A68064 | Medium Wood |
#2F2F4F or #191970 | Midnight Blue | #F5FFFA | Mint Cream | #FFE4E1 | Misty Rose |
#FFE4B5 | Moccasin | #FFDEAD | Navajo White | #23238E or #000080 | Navy Blue |
#4D4DFF | Neon | #FF6EC7 | Neon Pink | #00009C | New Midnight Blue |
#EBC79E | New Tan | #CFB53B | Old Gold | #FDF5E6 | Old Lace |
#808000 | Olive | #6B8E23 | Olive Drab | #FF7F00 or #FFA500 | Orange |
#FF2400 or #FF4500 | Orange Red | #DB70DB or #DA70D6 | Orchid | #EEE8AA | Pale Goldenrod |
#8FBC8F or #98FB98 | Pale Green | #AFEEEE | Pale Turquoise | #DB7093 | Pale Violet Red |
#FFEFD5 | Papaya Whip | #FFDAB9 | Peach Puff | #CD853F | Peru |
#BC8F8F or #FFC0CD | Pink | #EAADEA or #DDA0DD | Plum | #B0E0E6 | Powder Blue |
#800080 | Purple | #D9D9F3 | Quartz | #5959AB | Rich Blue |
#BC8F8F | Rosy Brown | #4169E1 | Royal Blue | #8B4513 | Saddle Brown |
#6F4242 or #FA8072 | Salmon | #F4A460 | Sandy Brown | #8C1717 | Scarlet |
#238E68 or #2E8B57 | Sea Green | #FFF5EE | Seashell | #6B4226 | Semi-Sweet Chocolate |
#8E6B23 or #A0522D | Sienna | #E6E8FA or #C0C0C0 | Silver | #3299CC or #87CEEB | Sky Blue |
#007FFF or #6A5ACD | Slate Blue | #708090 | Slate Grey | #FFFAFA | Snow |
#FF1CAE | Spicy Pink | #00FF7F | Spring Green | #236B8E or #4682B4 | Steel Blue |
#38B0DE | Summer Sky | #DB9370 or #D2B48C | Tan | #008080 | Teal |
#D8BFD8 | Thistle | #FF6347 | Tomato | #ADEAEA or #40E0D0 | Turquoise |
#5C4033 | Very Dark Brown | #CDCDCD | Very Light Grey | #4F2F4F or #EE82EE | Violet |
#CC3299 | Violet Red | #D8D8BF or #F5DEB3 | Wheat | #99CC32 or #9ACD32 | Yellow Green |
Notice that the colors or RGB Value, are a combination of letters A - F and numbers 0 - 9.
[ E-Mail Us ]