Electric Type


About Us



Authoring   HTML Basics
Background Color

<body bgcolor=?> sets the background color

To your HTML file, you are a god. And the background of the page isthe firmament. It can be midnight black or forest green, depending onyour whim.

The background color is specified within the <body> tag atthe beginning of your document. So, if you write in your HTML doc

    <body bgcolor=yellow>

You will create with great efficacy a yellow background.

"So," you may be thinking, "which colors can I use? If I type:

    <body bgcolor=periwinkle>
"will the browser know I'm looking for a light bluish gray?" The shortanswer is: No. Only a limited number of colors can be specified by name(periwinkle isn't one of them), and different browsers recognizedifferent sets of colors. So if you want to be precise about your background (and I know you do), you'll want to replace the name of the color,with a hexadecimal code. So your HTML would look something likethis:
    <body bgcolor=#f>

Notice all those "f"s in the code? Well, that's how one says "white"in hexadecimal. If you'd like to know how to calculate that number,tough luck.

No, no. Just kidding. The "ffffff" represents the RGB value of white,translated into hexadecimal ... stay with me.... Any color that can bedisplayed on a monitor can be described by its RGB value - its relativeamounts of red, green, and blue (each of which is expressed as atwo-digit number, such as 51 or 14 or 00).

In order for a Web browser to understand the RGB values, they musteach be translated into a hexadecimal (or base-16) number. Then theresulting two-digit hexadecimal ("hex" for short) numbers are strungtogether into a single six-digit code. So in the example above, thefirst two "f"s stand for the red value, the next two stand for green,and the last two for blue.

Now, if you don't want to bother with calculating those numbers, youcan just consult our color chart.

But if you're a real do-it-yourselfer, you'll probably want to do thecalculations yourself. So grab your abacus for this sexy/hexy sidetrack:

Take this lovely sea green with the RGBvalues R=51, G=219, B=153.

To translate this into hexadecimal, you should first take the valueof Red - in this case, 51 - and divide it by 16. The balance is 3.1875.The integer, 3, will be the first number in the hexadecimal formula. Theremainder (0.1875) should be multiplied by 16, which also results in thenumber 3. So, 51 translates to 33 in hex.

But sometimes the numbers don't work out as evenly; often you'll getintegers and remainders that translate to 11 or 14, for instance. And inthose cases, we translate the two-digit number into a single letter(that's where all the d's and f's come in), where 10=A, 11=B, 12=C,13=D, 14=E, and 15=F. This becomes relevant to our lovely sea green whenwe calculate the hexadecimal equivalent of its Green value, which is219. When we divide it by 16, we get 13.69. We translate 13 to D, andthen multiply the remainder - 0.69 - by 16, and get 11, which equals B.

Repeat this formula for the Blue value, and then string them together(you should get 33DB99). Soon, you'll be speaking fluent Hex. Hence, youmay now go to your dinner party and bore the pants off anyone who'llgive you the time of day, by expressing their street addresshexadecimally. You're welcome.

Learn More
View Source
Comment tags
Font color
Font size
Preformatted text
Background image
Background color
Line breaks
Aligning text
Adding/Aligning Images
Ordered lists
Unordered lists
Definition lists
Image borders
Wrapping text



Teaching Tools  




E Business  

User Blogs

Screen Shots

Latest Updates

Contact Us

Valid HTML 4.01!
Valid CSS!


© ElectricType
Maintained by My-Hosts.com
Site map | Copyright | Disclaimer
Privacy policy | Acceptable Use Policy
Legal information.