Understanding How HTML Color Codes Work

Home
>
Web Design
>
Understanding How HTML Color Codes Work

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.

In The News:

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

Sydney Morning Herald

Apple's Ping a Scammers Haven? Security Experts Say Watch Out
PC World
Apple's music-focused social network, Ping is only a few days old, and already the iTunes-based feature is "drowning in scams and spams," security researchers say. The scams are nothing too advanced at the moment, and there are no reports of ...
Apple Ping unfriends meanie FacebookRegister
Apple's Ping succumbs to the spammersThe Guardian
Scammers Target Apple's New Ping ServiceTechtree.com
BusinessWeek -PC Magazine -USANewsWeek.com
all 4,365 news articles »

Publ.Date : Fri, 03 Sep 2010 13:00:48 GMT+00:00

Oars stolen in Ohio from youngest Atlantic rower - The Associated Press

NewsNet5.com

Oars stolen in Ohio from youngest Atlantic rower
The Associated Press
CHAGRIN FALLS, Ohio — The Ohio woman who became the youngest person to row across the Atlantic alone says oars used in her feat have been lost in a car theft. Katie Spotz of suburban Cleveland says the gear was in her 2000 Dodge Caravan when it was ...
Spotz's gear stolenNews-Herald.com
Precious Items Stolen From World Record HolderCleveland News - Fox 8
Local world record holder Katie Spotz looking for stolen bikeNewsNet5.com

all 83 news articles »

Publ.Date : Fri, 03 Sep 2010 12:50:23 GMT+00:00

Mid-East talks: Regional voices - BBC News

Washington Post

Mid-East talks: Regional voices
BBC News
Israeli and Palestinian leaders have held their first direct negotiations in nearly two years, in Washington. The US Middle East envoy said the talks, between Israeli Prime Minister Benjamin Netanyahu and Palestinian leader Mahmoud Abbas, ...
When chance of Mideast peace knocks at door againXinhua
Israeli, Palestinian leaders face critics of talksThe Associated Press
Scepticism abounds in Middle East after peace talks 'show'AFP
CNN International -Ynetnews -Jerusalem Post
all 8,270 news articles »

Publ.Date : Fri, 03 Sep 2010 11:12:57 GMT+00:00

Third Pakistan Sectarian Attack in Week Kills 35, Injures 100 - BusinessWeek

Globe and Mail

Third Pakistan Sectarian Attack in Week Kills 35, Injures 100
BusinessWeek
Sept. 3 (Bloomberg) -- A bomb killed at least 35 people at a rally of Shiite Muslims in the western Pakistani city of Quetta, the third attack in as many days on minority sects. More than 100 people were injured in the ...
Suicide bomber, 44 victims killed in two Pakistan blastsCNN
Dozens Dead After Blast At Pakistan RallySky News
42 killed in Pakistan suicide bombing: policeAFP
The Associated Press -RTT News -Austin American-Statesman
all 424 news articles »

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

New York Daily News

US Lost 54000 Jobs in August; Rate Rose to 9.6%
New York Times
Job seekers at a career fair this week in Denver. Hundreds of people turned out for the event. By CHRISTINE HAUSER With the American economic recovery showing clear signs of slowdown, private employers added 67000 jobs in August, the Labor Department ...
Private job gains total 67000; unemployment rate hits 9.6%MarketWatch
Unemployment rate rises as labor force expandsThe Associated Press
Unemployment Rate Edges up to 9.6%TheStreet.com
Forbes -Philadelphia Inquirer -New York Daily News
all 385 news articles »

Publ.Date : Fri, 03 Sep 2010 13:08:47 GMT+00:00

Latest Gulf Oil Rig Problem Differs From BP Spill - ABC News

Telegraph.co.uk

Latest Gulf Oil Rig Problem Differs From BP Spill
ABC News
AP By ALAN SAYRE AP Writer Unlike the blast that led to the massive BP spill, the latest oil platform fire in the Gulf of Mexico killed no one and sent no crude gushing into the water. Boats are seen spraying water on an oil and gas platform that ...
Analyst sees no production loss at Mariner EnergyMarketWatch
Another Oil Platform Explosion in the GulfVanity Fair
US Probes Mariner Fire in Gulf of Mexico That Sparked BP Spill Deja VuBloomberg
AFP -Wall Street Journal -The Associated Press
all 5,483 news articles »

Publ.Date : Fri, 03 Sep 2010 13:12:18 GMT+00:00

Put the millionaires' tax money to good use - Washington Post

msnbc.com

Put the millionaires' tax money to good use
Washington Post
With the economy downshifting into first gear and their poll numbers sagging, the White House and Democratic congressional leaders are desperate for an economic and political game-changer as they head into the November elections. ...
Unemployment Rate Rises to 9.6 PercentThe Washington Independent
Stimulus? Who Said Anything About a Stimulus?FOXNews (blog)
President to aides: Find economic sparkCNN
San Francisco Chronicle -Bloomberg -The Business Insider
all 465 news articles »

Publ.Date : Fri, 03 Sep 2010 07:03:09 GMT+00:00

RSS Software
Increased Web Site Traffic

Understanding How HTML Color Codes Work

Web Design