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.

---

Do-It-Yourself or Hire a Professional Designer

Remember your vision for your company and the brand or... Read More

Why Web Pages Appear in the Wrong Location after Uploading to my Website?

If your are a new web designer, you may face... Read More

Custom Icons For Your Specific Brand

Developing a software application is not easy at all; apart... Read More

The Importance of Choosing Your Website Keywords Carefully

The importance of choosing your website keywords carefully is very... Read More

Turn Harmful 404 Error Pages Into Helpful 301 Redirects

It's a fact, Page Not Found, known as a 404... Read More

Website Design Mishaps - How to Avoid Costly Errors That Can Crush Your Chances of Success

Designing your website can be a difficult task especially if... Read More

Top Ten Ways to Increase Web Sales - Part 2

You have only 10 seconds to impress your potential buyer.... Read More

Web Templates: Replacing Designers?

I've seen articles (and websites) that suggest you can buy... Read More

How To Choose The Right Web Design Company

1. Size does not equate to competencePeople sometimes assume a... Read More

Web Marketing: Design Mistakes That Drive Customers Away In Droves

They may look cutting edge, but if you want a... Read More

Shameless Flashers - Using Flash Tools To Create Spectacular Websites

Flash is a powerful technology that can help you create... Read More

Creating Quality Websites

Websites, there are literally billions of them out there in... Read More

6 Reasons Why Web Templates Are Todays Trend

As the Internet blooms at an alarming rate, so as... Read More

Some Useful Common Site Ideas

In my web surfing adventures, I've found a few site... Read More

Introduction To CGI Scripts

Using CGI scripts to add automation to your web site... Read More

Winning Websites

Customers will form an opinion of your business as soon... Read More

Technology vs. Usability

When JV Media Design was formed, the year was 1995... Read More

What to Ask Your Web Designer

If you need a web designer, but have no clue... Read More

Web Site Design Mistakes ? Database Parameters In URLs

Creating a web site takes thought, planning and execution. Unfortunately,... Read More

Turn Benefits Into Sales with Streaming Media

The "Wow" factor that accompanied the introduction of streaming media... Read More

Tips On Effectively Organizing Your Navigation

Not all links are created equal.While all of your links... Read More

Web Site Redirection - How to Implement a 301 Redirect

You just created a new web site but want to... Read More

How Important is Content to a Successful Website

Content is the most important part of any website.The Internet... Read More

So Much About META Tags!

I've written about META tags in the past, and I... Read More

Website Registration Roadmap - How to Create Your Own Website in 7 Easy Steps

Creating your own website is actually easy in today's world... Read More

Attention Grabbing Web Design Will Kill Your Sale!

In the of-line marketing world it is all about trying... Read More

4 Things That Make A Web Site Great

First you need original content. Content is the heart beat... Read More

How to Make Effective Use of Web Fonts

Writing for your web site is not the same as... Read More

Quality of Your Text Layout and Design

Why is the quality of your text layout and design... Read More

You Too Can Have Fun With Sepia Images!

If you are one of those who wonder how people... Read More

Bad Design Characteristics For A Website

Making a poorly designed website is one of the easiest... Read More

A Landing Page is Not an Order Page (and why it matters)

To explain my point I need to first confuse the... Read More

Web Design:10 Magnificent Millionaire Dollars Ad Copy Secrets To Empower Your Website..

Hello, how is your website doing?Are sales flowing in?If you... Read More