Web Design Information

Understanding How HTML Color Codes Work


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.


MORE RESOURCES:

Web design firm's span reaches from Dnieper to Danbury
Danbury News Times, CT - Dec 1, 2008
... a city in western Ukraine near the country's border with Poland, got the idea to start the firm while working for another Web design outfit in Stamford. ...


Web Design Training – Spring Semester
Marywood University News & Events, PA - Dec 1, 2008
A two-part workshop in web design will be offered on Tuesdays, 1:30 – 3:00 pm beginning January 13. Part A: Introduction to Web Design (Jan 13 – Feb 24) – a ...


Corpus Christi Web Design Now Available – WebDesignRush.com is Live
PR-CANADA.net (press release), Montenegro - 14 hours ago
We’re catering to small businesses in Corpus Christi and surrounding areas to bring affordable web design to small businesses. Web Design In Corpus Christi, ...


Web design & FOSS
ZDNet UK, UK - Dec 1, 2008
Having just moved house, I had the interesting experience of being without a telephone handset. And my current mobile provider 3 [% coverage] can't always ...


Extra Cash for the Holidays or Anytime With the Launch of Diamonds ...
MarketWatch - 15 hours ago
Bayshore Solutions' award-winning Web design team utilized their Microsoft Gold Certified development capabilities along with their interactive marketing ...
Extra Cash for the Holidays or Anytime With the Launch of Diamonds ... International Business Times
Businesses Thrive Amidst a Recession Thanks to Live Help TMCnet
all 11 news articles


Mercy student 'wow's' in web design contest
Mirror, MI - Nov 30, 2008
Mercy High School Junior Michelle McCarthy was awarded first place in the 2008 Michigan Council Women in Technology Foundation web contest held at Lawrence ...


Web 2.0 principles for good web design
Bizcommunity.com, South Africa - Dec 1, 2008
Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, ...


SEO and Web Design are "Recession Proof"
About - News & Issues, NY - Nov 28, 2008
Silicon Alley Insider -- a group blog focused on the New York startup scene -- published a post today titled Recession Winners: Web Designers, SEO. ...


Three day Web design Conference will be held in Boston December 8 ...
PR-Inside.com (Pressemitteilung), Austria - Dec 1, 2008
2008-12-01 15:45:33 - December 8-10, 2008 - a tremendous event in the field of Web design and technologies will take place at Westin Copley Place in Boston. ...


David Cosgrove Los Angeles Web Design Wins Top Honors in Business ...
Press Release 365 (press release), FL - Nov 27, 2008
SIMSBURY, CT -- David Cosgrove Los Angeles Web Design has been recognized by StartupNation (http://www.startupnation.com) as one of the top businesses in ...

Web-Design - Google News

home | site map
© 2006