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.
|
|
|
|
|
|
|
Effective Website Design For Massive Traffic
STEP 1:Do your homeworkPlan and think about your content. Think... Read More
What Happened to My Website when I Deleted the Home Page by Mistake?
There is a widespread confusion among lots of new website... Read More
14 Ways to Add Content to Your Web Site - Part 2
7. Create high quality content - make clear points with... Read More
How To Give Your Business Credibility
Let's face it. Buying products and services from the Internet... Read More
Quality Web Copy is the Key to Success
Many websites make the mistake of being all flash and... Read More
Simple Steps To Proper Web Design
Over the course of the last decade, the Internet has... Read More
Why Ugly Sites Sell More Than Pretty Ones
What the heck is going on lately? Most internet websites... Read More
The Newbie?s Guide to Small Business Web Design
You've got a concept for a business, are excited about... Read More
Good Content Pays!
Traffic to a site can be a blessing or a... Read More
Your Website Visitors - Will They Stay?
I'm sure you've all heard the saying 'Build it and... Read More
How To Create A Stunning Drop Capital Effect On Your Web Pages
Drop Capitals are frequently used in many newspapers, books and... Read More
5 Ways To Automate Your Site
Automating your online business is one of the most important... Read More
Alternative to Web Site Templates and Design Software
Before I discovered the concept of Web site templates, I... Read More
Build Web Pages from the Top Left Corner Down
There are two important reasons to build your website from... Read More
You Too Can Have an Amazing Website
It is a well-known fact that a successful business depends... Read More
Why a Website Design Speaks Volumes About Your Company?
Whether a business has just got off the ground or... Read More
6 Tips To Improve Your Business Website
There are six important characteristics that can play a major... Read More
Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic
If you're not getting a lot of traffic to your... Read More
Top 10 Web Design Mistakes
As a webmaster, you want to keep your visitors content... Read More
Copy Editing: 10 Powerful, Mind Blowing Secrets For Writing A High-Impact Ad
No matter what product or service you're promoting, unless you... Read More
Website Design: 10 Smart Tips To Improve Your Ad Copy
Your website design may be affecting your sales in ways... Read More
Color Scheme for Your Website?
Yes, in a world that is obsessed with makeover madness,... Read More
Pop-Ups Still Work. At Least For The Time Being
Do you remember playing with the jack-in-the-box toy as a... Read More
5 Ways To Improve Your Website Immediately
If you are reading this, I assume you either have... Read More
10 Things All Webmasters Should Know
Geared Up with a website and lots of energy to... Read More
Effective Website Design
In this era of ultra-sophisticated internet marketing and web design,... Read More
Do You Make These Common (But Deadly) Website Design Mistakes?
Building a website can be overwhelming, here are some design... Read More
How to save money on a website
Know what you wantMake sure you know why you... Read More
An Ideal Home Business Home Page
From my personal experience of around two year as home... Read More
Why You Should Hire a Professional Website Designer
Your web site should always adhere to standards!A professional web... Read More
Looking For A Designer To Re-Design Your Website?
If you were like me and you have just started... Read More
Keep Your Navigation Simple!
Navigation must be simple. Since it's the backbone of your... Read More
Creating Quality Websites
Websites, there are literally billions of them out there in... Read More
Design With Purpose
If your website is falling through the cracks, the chances... Read More
How a Custom Designed Website Can Help Your Business
Over the years, the internet has grown into a marvelous... Read More
Great E-Cover Creation in 5 Steps
There are several graphic software packages available to help you... Read More
Web Page Building for Beginners 4
Page ranking by search engines such as Google are not... Read More
The Ultimate Web Site Marketing Strategies That You Should Know
Most of us know that we need to advertise our... Read More
How to Design a Search Engine Friendly Web Site
Many web site designers don't design their sites for the... Read More
Website Design Info - Part 1
What Will My Site Do?This is the first of eight... Read More
4 Things That Make A Web Site Great
First you need original content. Content is the heart beat... Read More
Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites
Good websites stand out from the masses of boring, hard... Read More
Other Ways to Look at Things
Many people today are tired of the Microsoft software that... Read More
Website Conversion Secrets Revealed
In my last article entitled, Maximizing The True Value Of... Read More
Color Psychology in Marketing
On the internet we don't deal with face to face... Read More
The Right Trigger Words
CNN.com's designers have gone out of their way to make... Read More
Hiring a Graphic Designer
You've come up with a great product. You've got the... Read More
Custom Web Site Design Strategies
Web site design has certainly, in the past decade, evolved... Read More
Dont Lose The Sale In The Internets Last Three Feet
In retailing there is a saying that sales are made... Read More
To Hire or Not to Hire a Website Designer
In the early years of the internet the actual design... Read More
Web Site Design Mistakes ? Database Parameters In URLs
Creating a web site takes thought, planning and execution. Unfortunately,... Read More
Designing Your Websites Directory Structure
Any kid, and their grandmother too, can make a webpage.... Read More
Web Production And Design Tips
You have identified that to have an internet prescence would... Read More
Why Not To Use Web Design Templates For Your Website
In today's age of fast food and high-speed Internet, a... Read More
Increase Your Website Sales Instantly
If there's one thing that I've learnt so far, it's... Read More
How to Prepare Your Project Before You Order Website Design
Are you serious about get this website done fast and... Read More
Pages to Include in Your Website
What pages need to be included on your website? The... Read More
10 Ways to Sabotage Your Website Traffic and Send Visitors Packing
If you're running a website or online business, your number... Read More
Put Up A Website And Start Promoting In About An Hour
I can't figure out people who have products or information... Read More
Graphic Design Using Color
Color is everywhere and conveys a message even if we... Read More
Web Design - 7 Key Things to Avoid
A search for "web design" on Google returns more than... Read More
Why Content is King of Website Design
If there's one thing that most web site developers can... Read More
Web Site Professionalism? What Is It?
Your web site should be-visitor friendly to navigatesearch engine friendly... Read More
Your Free Guide To Obtain A Cheap Web Design Quote
Website design is a very competitive area and there is... Read More
Are Web Templates Worth It?
First off, I am a designer. Now you're thinking, here's... Read More
Make Your Site Quick To Load!
The time it takes to load your site can make... Read More
Web Design |