|
|
|
|
|
|
|
|
|
|
|
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.
![]() Top Stories - Google News Updated : Fri, 03 Sep 2010 13:25:15 GMT+00:00 Apple's Ping a Scammers Haven? Security Experts Say Watch Out - PC World
Publ.Date : Fri, 03 Sep 2010 13:00:48 GMT+00:00 Oars stolen in Ohio from youngest Atlantic rower - The Associated Press
Publ.Date : Fri, 03 Sep 2010 12:50:23 GMT+00:00 Mid-East talks: Regional voices - BBC News
Publ.Date : Fri, 03 Sep 2010 11:12:57 GMT+00:00 Third Pakistan Sectarian Attack in Week Kills 35, Injures 100 - BusinessWeek
Publ.Date : Fri, 03 Sep 2010 13:12:39 GMT+00:00 US Lost 54000 Jobs in August; Rate Rose to 9.6% - New York Times
Publ.Date : Fri, 03 Sep 2010 13:08:47 GMT+00:00 Latest Gulf Oil Rig Problem Differs From BP Spill - ABC News
Publ.Date : Fri, 03 Sep 2010 13:12:18 GMT+00:00 Put the millionaires' tax money to good use - Washington Post
Publ.Date : Fri, 03 Sep 2010 07:03:09 GMT+00:00 Increased Web Site Traffic |
The title tags of your web pages are more important... Read More
Know what you wantMake sure you know why you... Read More
Conventional Wisdom states you should use Sub-Directories to organize your... Read More
It is common sense.The more time people spend at your... Read More
Creating an appealing, functional, and effective Web site is much... Read More
1. Who needs an artists website?Not everyone! If you are... Read More
When a prospect lands on your website will he or... Read More
Your website is your tool for showing the online community... Read More
Remember the day that you got your new computer (or... Read More
Did you know that many folks make "buying decisions" when... Read More
I do site reviews. Needless to say, I see a... Read More
So you've decided to take the plunge. You know that... Read More
Copyright 2005 Robert EvansSetting yourself up to earn a steady... Read More
Just about every list of the "Top 10 Web Design... Read More
Why your site should be developed with CSS and semantic... Read More
Ecommerce is just exploding right now on the Net. More... Read More
One of the challenges of moving a web site up... Read More
If someone doesn't know you personally, will they trust you... Read More
For many webmasters the title of my article may seem... Read More
In today's world, a web site is virtually mandatory for... Read More
All websites have a homepage. It is the most important... Read More
There is unlimited possibilities when it comes to designing a... Read More
This article gives free tips on how to find a... Read More
There are several very good reasons why you should consider... Read More
Are you using the best colors for your web site?... Read More
What is a Website Template?Many smart and savvy businesses are... Read More
When creating an e-cover the what's the first thought that... Read More
Does website design make a difference in how long people... Read More
I taught myself HTML back in the mid-nineties and was... Read More
This article is the result of a conversation I had... Read More
Thinking about designing your own website? Think again about adding... Read More
Over the years, the internet has grown into a marvelous... Read More
I ask myself that question about once a month.My website... Read More
CSS is a new option for website designers that have... Read More
You've made your website, added a great title and keywords... Read More
Even after you've managed to bring traffic to your site... Read More
The great debate: how much copy you should have on... Read More
You have only 10 seconds to impress your potential buyer.... Read More
Geared Up with a website and lots of energy to... Read More
You know... Before purchasing your product a person comes to... Read More
When designing your website, remember to avoid useless and confusing... Read More
1. Repackage your web site content in to different products... Read More
If there's one thing that most web site developers can... Read More
A professionally presented business website is a powerful and essential... Read More
To build a website, there are four methods to choose... Read More
I once created a notepad-like editor. It is possible with... Read More
Page ranking by search engines such as Google are not... Read More
Know what you wantMake sure you know why you... Read More
The HTML editor is usually a webpage design software that... Read More
So how do you know when your graphic designer costs... Read More
Web Design |