HTML Background Color - How it Works

Adding an html background color to a webpage can be one of easiest ways to jazz up the look of a site. But be careful, it can also create a disaster for the overall design of a page. The trick is to be subtle, and choose html colors that compliment, rather than take away from content.

The most important thing to consider in choosing html background color is the amount of contrast it has with the page text. It doesn't take much color in the background to make fonts difficult to read. If you keep in mind that the best choice for readability is black text on white background, that doesn't leave much room to experiment. Not that all backgrounds have to be white, but try to stay conservative in color choices for this delicate part of your page design.

The html tag for background color becomes part of the "body" tag for that page, located immediately following the closed head tag. For example:

(body) tag now becomes (body bgcolor) with="#F5F5F1")

In an html editor, like Dreamweaver, go to the main menu and look for MODIFY and then PAGE PROPERTIES.

The html background color code is a hexadecimal number, a six-digit set of characters that can include just about any combination of numbers 1 - 9 and letters A - F. If you know the RGB values for the color you want to use, you'll need to covert those numbers to the single hex code. Most web graphics editing programs will easily do this for you. If you would like to know how that all works, there are many websites that explain the process.

Convert RGB to Hex for HTML Background Color

The HTML Color Chart - Do We Really Need This Anymore?
I'm surprised how many people today still rely on an html color chart to pick colors. Unfortunately, anyone who does a search...

How Hex Color Codes Work
Most Web graphics software programs convert RGB to Hex without a blink. And for most projects, you'll certainly want to use a...

Five Ways to Make Your Website User-Friendly
Your blog's design is the book cover for your writing. You may be a brilliant blogger, the best in all of internet land, but ...

Six Mistakes to Avoid in Web Design
1. Use of Flash plug-in to play all website contentSome websites like to entertain their visitors by using flash contents in ...

How To Easily Choose The Best Color Contacts For Dark Eyes?
Dark contact lenses are getting more popular these days. It is generally designed for those people having dark eyes. In fact,...

Colored Contact Lenses
Colored contacts lenses are specialized contacts that are not specifically used for correcting any eye problem. They are prim...

Free Online Tools to Design (and Maintain) Your Website
These days, it seems that everyone has a website. Unfortunately, many of these websites are either bland, or sloppily designe...

Blue Contact Lenses - See What Works Best for You
Today there are a number of blue contact lenses available in the market. So if you are looking for pair of blue contact lense...

Web Development - Tips for an Amazing Web Site
An amazing web site does not only attract visitors to the site but it also magnetizes them to stay longer and explore the sit...

Top 10 Web Design Mistakes
As a webmaster, you want to keep your visitors content so theyll come back again. Below you will find ten common mistakes ma...

Website Customization - What Can We Do?
Nowadays, in this trendy world, people get very uptight when they do not look entirely presentable. This would also be the ca...

Color and Web Design
Color is one of the most important but least understood elements of web design today. Whether they know it or not, visitors t...

Discount Contact Lenses
Traditionally, the main obstacle in buying contacts has been cost. Although the health and vision benefits are great, many p...

Cheap Contacts
Todays source for cheap contacts is definitely the internet. Gone are the days where a sale at a local optometrist was your ...

Choosing the Right Color Palette
Color is a highly personal experience everyone has favorite colors, and other colors that they absolutely dont like. So, how...

Web Design - Choosing the Right Colors
It is advisable not to use more than three colors in a website to meet the criteria. The choice of colors must match, if nece...

14 Ways to Add Content to Your Web Site - Part 2
7. Create high quality content - make clear points with each paragraph you write. Each paragraph should build on the previous...

If you Want to Change Your Look, Why Not Use Colored Contact Lenses?
Colored contact lenses can be used to correct your sight. But have you ever dreamed of having brown eyes or blue eyes so that...

Acuvue 2
People that care anout their eyes always make sure to keep abreast of the latest developments in vision care. Those that hav...

Picking A Color Scheme For Your Website
Although the content that your website has is far more important than the layout and design, the colors on your website can m...