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.
bathroom cleaning service Northbrook ..Just because you are a small business with an even... Read More
They say the eyes are the window to the soul.... Read More
Your home page is the most important page of your... Read More
Typos, misspellings, hideous grammar, exclamation overkill and run-on sentences all... Read More
The solution lies in creating a 'Database driven website', through... Read More
If your are a new web designer, you may face... Read More
When your web site sells more than a dozen items,... Read More
Are you in a dilemma whether to create a mini... Read More
In learning webpage design, I encountered many problems that took... Read More
1. What's the purpose?The most fundamental thing to do before... Read More
If you are designing a web site for which the... Read More
With an increasing number of employment portals emerging, it is... Read More
With so many different configurations internet users have their computers... Read More
To create your own great banner, you only need five... Read More
Websites that have multiple pages usually have a Frequently Asked... Read More
See, works every time. Seriously now, for some reason people... Read More
You're all ready to get started creating your web presence... Read More
The internet is filled with sites and they are good... Read More
If you are going to be placing ads on your... Read More
So your web site's online and you've got high rankings... Read More
On the internet we don't deal with face to face... Read More
FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More
A client asked me, at what point do you change... Read More
Favorite icon appears to the left of your link in... Read More
Using CGI scripts to add automation to your web site... Read More
insured cleaning company Wilmette ..Many Internet sites that try to sell you something have... Read More
Want to know what the worst thing to say on... Read More
As a web designer, I have a personal interest in... Read More
When I purchase something from a web site I first... Read More
Contrary to the beliefs of some, advertising for web and... Read More
There are two camps when it comes to flash web... Read More
If you've just finished building your new website (or revamping... Read More
While few companies can boast as we do that our... Read More
See, works every time. Seriously now, for some reason people... Read More
FACT: 30 to 60% of visitors tend to drop off... Read More
Most of us at times need advice on different aspects... Read More
A search for "web design" on Google returns more than... Read More
Part one of this article is available at ... Read More
Conventional Wisdom states you should use Sub-Directories to organize your... Read More
Argh, where's the contact button?! Believe it or not, some... Read More
When building your website you might not have a large... Read More
It's been said again and again, when it comes to... Read More
Content is the most important part of any website.The Internet... Read More
Do know your audienceIt's important to know your audience. If... Read More
Colors have long been known to have psychological affects on... Read More
Let's face it. Buying products and services from the Internet... Read More
Have you heard of 'Babel Fish'?It's a service provided by... Read More
When your company built its website, did you think about... Read More
Your web site has been up for a few months... Read More
Setting up a survey on your site is extremely simple... Read More
Web Design |