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.
shuttle to Midway Beardstown .. Lockport Chicago limo O’HareWhat do the key words represent?Key words - these are... Read More
Internet Explorer, created by microsoft has been the most popular... Read More
Just about every list of the "Top 10 Web Design... Read More
The Questions You Should Be Asking ? The Answers You... Read More
When I surf the Net, I often see web sites... Read More
Marketing is not an easy skill to acquire.It requires patience... Read More
Easy navigation and usability are one of the most important... Read More
They may look cutting edge, but if you want a... Read More
A picture is worth a thousand words.And it still is... Read More
Audio can provide an added dimension to your site. It... Read More
As part of your event planning you should seriously consider... Read More
Here's a really simple way... any novice can create a... Read More
Using CGI scripts to add automation to your web site... Read More
Remember the day that you got your new computer (or... Read More
ActiveX uses an interesting method for enforcing security ... it... Read More
No question about it, web design is an art. Finding... Read More
Want to know what the worst thing to say on... Read More
Countdown to Armageddon - at least you'd think so judging... Read More
When you're self-employed, choosing a website designer is a crucial... Read More
This is a two-part article about creating a web site... Read More
We've all surfed the web and seen some awful web... Read More
You have good traffic, but low client sign ups and... Read More
Projecting a professional image is paramount to your website's success.... Read More
Many businesses want a simple website where they tell people... Read More
Q: Should I build and maintain my business Web site... Read More
Green Bay Hummer H2 SUV rentals ..Favorite icon appears to the left of your link in... Read More
For many webmasters the title of my article may seem... Read More
Websites, there are literally billions of them out there in... Read More
So your web site's online and you've got high rankings... Read More
The trend today to overuse animation in a website's opening... Read More
**How Colors are Used in web design:**Demarcates screen elements into... Read More
While few companies can boast as we do that our... Read More
If you are one of those who wonder how people... Read More
A "404 Error" happens when the web server you are... Read More
You're all ready to get started creating your web presence... Read More
Designing your own successful web page can seem difficult and... Read More
If you've a website but not making a lot of... Read More
Building a website can be overwhelming, here are some design... Read More
Creating your web site can be a tricky process. Choosing... Read More
I've seen articles (and websites) that suggest you can buy... Read More
Does your website make you any money? Does it SAVE... Read More
When I surf the Net, I often see web sites... Read More
One product, one long web page: this kind of web... Read More
So, what's in a website design anyway? And, how do... Read More
Whether you're hiring a designer who has created 10 sites... Read More
You know... Before purchasing your product a person comes to... Read More
So you need a website. You are not sure if... Read More
The solution lies in creating a 'Database driven website', through... Read More
For online businesses with their main goal of selling products,... Read More
1. Lack of overall strategy and clear definition of success:Most... Read More
Web Design |