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.
Woodstock Chicago limo .. Lockport Chicago limo O’HareThe most popular method to build webpages today is to... Read More
Let me repeat that.."The technology may change, but human nature... Read More
There are many different website design companies, offering different facilities... Read More
ASP.NET is a new programming framework from Microsoft for developing... Read More
You can create a website that attracts customers, not repels... Read More
I've written about META tags in the past, and I... Read More
Imagine spinning someone around so profoundly and for so long... Read More
Are you thinking that it is about time your small... Read More
(Making Your Graphics Work For You)It's no secret that a... Read More
One of the single most important aspects of effective navigation... Read More
Why your site should be developed with CSS and semantic... Read More
Increasing the length of time a visitor is on your... Read More
CSS or Cascading Style Sheets has opened up tremendous possibilities... Read More
The top ten fonts for website design might change in... Read More
We have all seen websites showcasing their testimonials either spread... Read More
Color is one of the most important but least understood... Read More
Not all links are created equal.While all of your links... Read More
Studies done by Jakob Nielson the man touted as the,... Read More
A web site builder can be a real life saver... Read More
One of the most frequent questions I get asked about... Read More
I often wonder how serious people are when it comes... Read More
This is the second part of a two-part article about... Read More
You've likely heard of the movie, Jerry Maguire, with its... Read More
You've come up with a great product. You've got the... Read More
You have only 10 seconds to impress your potential buyer.... Read More
Round Lake Beach travel from O'Hare ..Choosing the right typeface for your website copy is important,... Read More
A website should firstly be searched out by visitors before... Read More
Probably you know someone who has created a web site... Read More
When building your website you might not have a large... Read More
You're all ready to get started creating your web presence... Read More
In the of-line marketing world it is all about trying... Read More
There are many companies who build websites, all of which... Read More
Page ranking by search engines such as Google are not... Read More
Drop Capitals are frequently used in many newspapers, books and... Read More
Thinking about designing your own website? Think again about adding... Read More
It is a well-known fact that a successful business depends... Read More
As an online Entrepreneur you require a successful website.One that... Read More
There are several graphic software packages available to help you... Read More
There are two important reasons to build your website from... Read More
Are you looking for somebody to build you a website,... Read More
Using CGI scripts to add automation to your web site... Read More
What dollar amount does your web site contribute to this... Read More
Does your website need a re-design? Here are some questions... Read More
A long, long time ago? In a galaxy far, far... Read More
Websites, there are literally billions of them out there in... Read More
You've come up with a great product. You've got the... Read More
Building a website can be overwhelming, here are some design... Read More
The trend today to overuse animation in a website's opening... Read More
Any design on a web application involves the effective input... Read More
The internet continues to grow and has become the default... Read More
Web Design |