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.
Wood Dale Chicago prom limo .. Lockport Chicago limo O’HareImagine you're going on a blind date. You've heard wonderful... Read More
Have you ever been to site with so much ad... Read More
Back to basics. Forget funky design, good copywriting is the... Read More
So your web site's online and you've got high rankings... Read More
Never put form over function. Why? Because it's crucial that... Read More
With an increasing number of employment portals emerging, it is... Read More
To create your own great banner, you only need five... Read More
When you start building your online business and search for... Read More
There's no doubt about it - the first page your... Read More
One of the most popular methods of traffic generation is... Read More
There are lots of websites out there that do little... Read More
Many websites make the mistake of being all flash and... Read More
One of the biggest problems with Web sites is that... Read More
Just what is web copy? Some people think that web... Read More
If someone doesn't know you personally, will they trust you... Read More
A well designed web site is great to have, but... Read More
FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More
Most people will agree there is nothing more annoying than... Read More
Content is king. Without content your website is an empty... Read More
Content is undoubtedly the most important element of a website.... Read More
1. What's the purpose?The most fundamental thing to do before... Read More
Hello, how is your website doing?Are sales flowing in?If you... Read More
1. Loading time:try to be below 20kbless number of imagesspecify... Read More
Whether you're hiring a designer who has created 10 sites... Read More
Know what you wantMake sure you know why you... Read More
Antigo wedding limo ..Do you know why the majority of people use the... Read More
Web Design is a very subjective process. Your idea of... Read More
I'm not a professional web site designer and openly admit... Read More
So you're on the computer, as usual. Your eyes are... Read More
Don't mess with those links! When you're designing your site,... Read More
By following feng shui guidelines and techniques, you can build... Read More
Just about every list of the "Top 10 Web Design... Read More
Have you ever been to site with so much ad... Read More
Before deciding on which web design company to choose, you... Read More
Page ranking by search engines such as Google are not... Read More
Are you a student of graphic design? If you have... Read More
The trend today to overuse animation in a website's opening... Read More
If there's one thing that most web site developers can... Read More
You've designed your logo, and you're ready to print your... Read More
Projecting a professional image is paramount to your website's success.... Read More
Avoid these mistakes and your site will be steps ahead... Read More
Here is a quick list of components that make a... Read More
There is a widespread confusion among lots of new website... Read More
If you've just finished building your new website (or revamping... Read More
Creating your web site can be a tricky process. Choosing... Read More
It's been said again and again, when it comes to... Read More
Before I discovered the concept of Web site templates, I... Read More
No matter what product or service you're promoting, unless you... Read More
This is a very perfunctory look at the website code... Read More
If there's one thing that I've learnt so far, it's... Read More
Web Design |