| Index | Basics | Colors | Fonts | Images | Links | Tables |
The hardest part with colors is understanding how "A2F563" can mean a certain color. This 6 digit number is 3 sets of 2 numbers each set representing a color, the first 2 numbers are for the amount of red color, the middle 2 for the amount of green color, and the last 2 for the amount of blue color. Since the numbers are Hexadecimal they can be a number from 0-9 or a letter from A-F, in Hexadecimal (base 16) You can have 16 (including 0) numbers before needing a second digit we normally use the decimal (base 10) system for counting where You can have only 10 numbers (0-9) before needing a second digit. In Hexadecimal the number order is 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. Below is a small example using Hexadecimal numbers to represent a certain color. The number at the end of the line shows the number for the color used. | ||||||
| ||||||
Using a 00 (zero zero) for the first number would mean that the color You want has no red in it or a number close to the middle would be red half on... if there is a 6 digit number for a color and the number is 00FFFF it would mean that all the green is on and all the blue, but no red at all, a number of 0000FF would mean just blue is on. | ||||||
If this is a little too confusing there is a Name color chart for using basic colors, I recommend using the Hexadecimal chart only because You will have much more control over the colors displayed. | ||||||
The most important thing is to remember that the color order is red, green, and blue it's always in that order and remember that the brighter each color is the higher the number will be. |
| This table shows the different shades of the basic colors |
|||
| RED | GREEN | BLUE | |
| very dark | 330000 | 003300 | 000033 |
| dark | 660000 | 006600 | 000066 |
| normal | 990000 | 009900 | 000099 | bright | CC0000 | 00CC00 | 0000CC |
| very bright | FF0000 | 00FF00 | 0000FF |
| This table shows the mixed colors derrived from the 3 basic colors |
|||
| RED | GREEN | BLUE | |
| RED | FF0000 | FFFF00 | FF00FF |
| GREEN | FFFF00 | 00FF00 | 00FFFF |
| BLUE | FF00FF | 00FFFF | 0000FF |
To use the colors You have learned about here You can include them in the HTML code for the background color, font color, table background color, and a tables cell color. The following examples show the use of <COLOR> using #XXXXXX in place of the color code You want. | |||
For the background color on a page the color is controlled by using a BGCOLOR="#XXXXXX" parameter in the <BODY> tag like this... | |||
| Background color Example: | |||
| |||
To control the font color include a COLOR="#XXXXXX" parameter in the <FONT> tag like this... | |||
| Font color Example: | |||
| |||
For table and cell colors include the BGCOLOR="#XXXXXX" parameter with the <TABLE> or the <TD>tags. Notice in the folowing example the <BGCOLOR> | |||
| Table & Cell color Example: | |||
| |||
|