Webmaster Papers








Understanding How HTML Color Codes Work


Ever wonder how HTML color codes are put together? For the beginner, it can look like lots of numbers and letters that make no sense. In reality, HTML color codes are written that way for a specific reason that we'll look at in this article.

Introduction to the Hexadecimal System

In mathematics, the hexadecimal or simply hex is a numeral system with a base of 16 usually written using the symbols 0-9 and A-F. The numbers 0-9 have the same value as in the decimal system but starting with the letter A, the value keeps going up one up to the value of 16. A is worth 10, B is worth 11 and so forth until you get to F which is worth 16.

How the HTML Color Codes are put together

HTML Color codes are composed of six hex numbers that represent a possible 16.7 million color combinations. The hex color codes are built on the RGB color model. R stands for red, G for green, and B for blue. With your typical html code that looks like this: #FFFFFF it breaks down as follows. The first two hex digits #FFFFFF represent 'red'. The second set of two hex digits #FFFFFF represent the color green. The third and final set of two hex digits #FFFFFF represent the color blue.

A brief overview of the RGB model

The RGB color model, like the HTML color model can represent a total of 16.7 million colors. By varying the amoung of red, green, and blue, one can come up with any of 16.7 million colors. Each RGB value is represented by a number from 0 to 255. So a set of RGB values for the color white for instance, would look like this: 255, 255, 255.

Putting HTML and RGB Together

We've already established the hex numeral system with it's number range between 0 to 16. Now, when you combine two hex numbers, you can represent any number between 0 and 255. As you can see, RGB and HTML color codes represent the same color model.

Websafe Color Palette

Years ago, monitors could only display 256 colors. These monitors were still popular when HTML was first put together. As such, it was necessary to put together a list of colors that web designers could be sure any given monitor could properly display. Web safe colors are the result. The websafe color palette is made up of 216 colors.

It is always good practice to pick standard colors across the board, but it is no longer absolutely necessary to stick with web safe colors. Doing so now is more for purposes of holding to standard than it is for necessity. One exception to this rule may be developing websites for cellphones and PDA's. Having said that, these devices are now surpassing this barrier as well.

#FFFFFF represents the color white. #000000 represents the color black with every other color in between. I hope you now have a much better idea of why HTML color codes are look the way they do.

Joe Duchesne is the president of Yowling.com. They specializes in business web hosting and also offers you the ability to design a website online using their easy to use ecommerce website builder. Reprint freely as long as you provide a keyword rich clickable link back to our website.

RELATED ARTICLES


Increasing Conversions Through Action-Oriented Copywriting
I do site reviews. Needless to say, I see a lot of Web copy. One thing that always befuddles me is the lack of focus many site pages have. It's as if the writer assumes the site visitor will read the copy and automatically know what to do next. The fact is you have to know what action you want visitors to take before you get them to take that action. That means knowing what the preferred action you want visitors to take is, before you write the copy.
Web Design: How To Get Your Visitors To Stay
Remember the famous line from the movie Field of Dreams, "If you build it, they will come"? In the world of Internet marketing, you not only want them to come, you want them to stay.
Eliciting Constructive Website Feedback
"It's good."
Web Page Building for Beginners 2
A search engine robot actually reads the wording on your web pages and places a certain amount of importance on what the content says, but not quite like a human does. A human will place the words together in their head and try to decipher the relevancy to them personally and decide within a few seconds whether they will continue reading or click to another site, whereas a robot counts words and places all relevancy in the numbers it finds. It also gives extra credit to the size of the type and title of each page.
Finger Eating Garage Door Reveals Breakthrough Web Design and Linking Strategy
Last Thursday afternoon I was working on a garage door and regrettably loosened the torsion spring too much. This spring is what relieves or neutralizes the weight of the garage door so the openers can work without burning out and so you don't have to be Arnold Schwarzenegger to open it.
Technology vs. Usability
When JV Media Design was formed, the year was 1995 and the Internet was a very different place than it is today.
What You Should Ask a Web Designer Before You Hire Him
You've thought about it and you're ready to go. You're ready to give your business an online presence. You want your own website. That's great but unless you are doing it yourself, you would be shopping for a website designer. Some people would design their own websites but most people prefer to save themselves the time and money and hand the job over to the professionals.
How to Find Inexpensive Web Design
Web design is a very competitive area and there is no longer any reason why people should pay large amounts for website design services.
Flash - To Use Or Not To Use?
Out there in the WWW there are thousands sites using flash for their needs. But the majority sites are not in this list. Let's summaries some facts about flash using on YOUR web site and after that it's you who will have to decide: to use or not to use. There are some facts about Macromedia Flash Technology:
The Brutal Truth
Not too long ago while looking for businesses that do web design I stumbled upon website. It looked great. It had cool pictures arranged in a grid. But I couldn't figure out what to do next. So I moused over one of the pictures. Nothing happened. I moused over another picture. This time some words came up.
The Most Important Question To Ask About Your Web Site!
When you design a website how do you start ?
Other Ways to Look at Things
Many people today are tired of the Microsoft software that came pre-packaged with their operating system. Some have switched over to Apple's Macintosh line, but for the most part we just put up with what we have. Microsoft's Internet Explorer (IE) has come under a lot of fire as of late for several reasons. Hackers find IE easy to exploit.
Hexadecimal Color Notation on the Web
When designing elements for your webpage, you will often be called upon to specify a color. For example, the code for a span shown below specifies that the color of the text within the span will be yellow.
A Landing Page is Not an Order Page (and why it matters)
To explain my point I need to first confuse the issue a bit (you'll see why): While a landing page is not an order page, it can, and in many cases should, contain the order form.
Web Design Advice And Information
Most of us at times need advice on different aspects of life and the thought of obtaining a website can be quite a daunting task for many people. There are so many people offering cheap web design services, therefore how do you know who to choose and what to look for.
Long Copy Sales Letters on the Web: Hype or Not?
I have written before about long sales copy on the web. But I have more to say on the subject.
Quality Web Copy is the Key to Success
Many websites make the mistake of being all flash and no substance. Nothing irritates potential customers more than visiting your website hoping to find information and instead seeing only blinding color and flashing borders. Of course, you want your website to be attractive, even snazzy, but if there is no useful information included in well-written copy, customers are going to go elsewhere.
No Matr How Goud The Infomation...
Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all undermine a Web site's message. Your reader will have to work too hard, and you won't have that reader long.
Re-Use The Links You Have When Revising Your Site!
Many times I've seen a web site undergo a revision and everything is brand new, even brand new links!
Website Checklist
10 Basic Things Your Website Should Have ...