Three and Six Digit Color Codes and Adding Text Colors in HTML

Intro to Web Design

victor rodriguez
You might have come in contact to color codes in MySpace or FaceBook or other social medias when choosing background colors or skin themes. They usually have the code along with the actual color. But what does the color coding actually mean? There are three and six digit color coding systems. The three digit color system is limited in its ability to create complex shades while the six digit code is more flexible.

The color codes use numbers and letters to indicate the amount of color mixing to create the proper color shades. The hexadecimal or six digit color code is the most common code type, although most browsers can read both codes. The HTML color coding system is used to define background colors, text colors, and image borders. There are some common colors like black (000) or (000000), white (fff) or (ffffff). However, there are far more combinations than could be listed in one tutorial. Finding the right code for the color you want can be done simply by goggling the color you want with the phrase "color code" or "HTML code". There are also free downloadable HTML color code "pickers" available online as well.

It is a good idea to understand how to convert three digit color codes into six digit color codes. Converting six digit color coding involves adding identical digits in between the original numbers. This may not make sense subtle illustrated below. The code I will convert is the code for blue. The original code is 00f or "zero zero F". After each digit you will insert the identical digit as follows...

00 00 FF

The spaces above are intended only for illustration purposes. The actual color codes do not contain spaces in between them.
In order to change the color of text you must insert a style tag in the opening tag of your text. Let's say you have the sentence "see Spot run" and you would like to convert it into a blue text. The proper coding to change the sentence from the default black text to the blue text would be as follows...

see Spot run

It is important that you properly format the style tag otherwise the track will not operate properly and perhaps the text itself may not appear. It is important that you use the #in front of the color code. Although I use the six digit color code, for shades that require only three color codes, it is all right to use the three color coding in the style tag.

Published by victor rodriguez

Hello everyone. I am the owner and Designing Manager of Victory Web Productions. I live in Guilderland, NY and am a father of a beautiful baby girl, Amy.I guess this is where I tell you a little about my h...   View profile

To comment, please sign in to your Yahoo! account, or sign up for a new account.