Understanding How HTML Color Codes Work



Get Web Design Tips and Tricks on mps-web-design.com. Understanding How HTML Color Codes Work topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

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.



Skin Lightening Report. - This report shows you how to get rid of melasma, freckles, hyperpigmentation, skin discolorations and other pigment problems.
Magic Tricks From 4-Magic-Tricks.Com. - The Most Powerful Magic Tricks You Can Do, Fully Explained with Color Photographs. Plus a Ton of Free Stuff and Bonus Offers.

Colour is not something I have spoken about before on my daily audio tips. However it is something I have blogged about in the past. Colour is an amazingly controversial subjects and the causes many design projects to be delayed. The reason for this is that colour is so subjective. Our opinions about colour can [...]


Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79


More Articles:


1. Top Six Ways To Make Your Visitors To Hate YOU! By Matt Colyer
We will take a look at why your visitors may hate you maybe already do! There are many things that make YOUR visitors dislike you, but we take a look the top sex things that make your click the back button on their browser.1. Broken linksHyperlinks that do nothing when clicked are the pain in the butt for any surfer. Test your site often to ensure that all links work as they should.2. Not putting your contact info on your siteIf you are selling a product you must have a way your visitors can c…

2. The 7 Best Methods to Find Keywords for Your Web Page By Mike Makler
Search engine traffic is the best Traffic a web page can get. By finding and Optimizing for Highly relevant Keywords you can insure a constant stream of Laser Targeted Visitors to your web Page1 - Brainstorm Brain storming is a popular method where you simply rack your brain to try and find keywords. Seat down at a desk with a pen and legal pad and write down every keyword phrase you can think of. Don't judge how good or bad a keyword phrase is. If It comes to your mind write it down. Bef…

3. Taking HTML Further
HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what you're doing, though, you can do a lot more with HTML than you might think. This article should give you a few ideas on how to take HMTL further. Inserting Multimedia Content Plain text and graphics are all well and good, but sooner or later you're going to want to insert some multimedia content, such as a Flash movie, or an audio or video file. Unfortunately, b…

4. Will You Site be a BIG SUCCESS. 7 Reasons Why It Might Not! By Anthony Jewell
With so many new websites going up, it is hard sometimes to tell if your site will be a BIG SUCCESS or an unexpected flop? If you are unsure of whether or not your site will fly with visitors or crash and burn, this article is definitely for you. Now we all know the importance of great service, but if your website doesn't communicate this, then you could be headed for failure.7 Reasons Why Your Website May Be a BIG FLOP!1. Long Load Times.If your websites takes more then 30 seconds to load, es…