HTML Colors
In this tutorial, we will briefly cover HTML colors. You will learn the basic layout of the colors. How to change colors is covered in the basic html tutorial. You'll learn how to make colors using the word versions, and then you will learn how to make colors using hex codes.
The standard set of color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. These 16 colors are defined in HTML 3.2 and 4.01 and correspond to the basic VGA set on PCs. Most browsers accept a wider set of color names but these are the basic sets.
 |
black = "#000000" |  |
green = "#008000" |
 |
silver = "#C0C0C0" |  |
lime = "#00FF00" |
 |
gray = "#808080" |  |
olive = "#808000" |
 |
white = "#FFFFFF" |  |
yellow = "#FFFF00" |
 |
maroon = "#800000" |  |
navy = "#000080" |
 |
red = "#FF0000" |  |
blue = "#0000FF" |
 |
purple = "#800080" |  |
teal = "#008080" |
 |
fuchsia = "#FF00FF" |  |
aqua = "#00FFFF" |
Thus, the color value "#800080" is the same as "purple".
Now that we can use html word codes, lets learn to use hex codes. The html color is made as a six digit code. There are 3 pairs of main colors codes. Each pair stands for one of the primary colors. (Red, Green, Blue) The code is laid out as red, green, blue. Let me give you a few examples.
Red |
Blue |
Green |
The code for a red color is #FF0000
The code for green is #00FF00
The code for blue is #0000FF
The code for white is #FFFFFF
The code for black is #000000
The codes above are for basic primary colors. Now lets learn to create different colors using the basic codes above. You can get different colors by mixing the codes for red, green, and blue. There are some other symbols that you can use to make colors. You can mix the primary color codes or add different codes. There are five total values that you can use to generate colors. They are 00, 33, 66, 99, FF, CC. All of these can be combined to make colors. There is a total of 216 colors that can be used in browsers and they are made using these codes.
| #66CCFF |
| #33FF66 |
| #990000 |
#66CCFF gives us a light blue color.
#33FF66 gives us a light green
#990000 gives us a dark red.
Notice how each code changes effects the color of the box. The only real way to learn is to play with your colors. If you know the basic colors and the codes, then you can just mix until you find colors you want.
Here's a list of the most commonly used colors for you to start with.
| #000000 | #FFFFFF | #FF0000 | #00FF00 |
| #0000FF | #FFFF00 | #FF00FF | #C0C0C0 |
| #00FFFF | #000080 | #008080 | #800000 |
Now you know enough to make a page with colors. You learned to use the word codes and the hex codes. You know the basic way to make colors and you know the codes to make colors. Good luck. Take a look at my Color Table in the Tips and Tricks section for more color selections.