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.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterHow Important Is Content To A Successful Website
Content is the most important part of any website.The Internet was created in the first place as an information source. If the content on your site does not provide the information needed by its users it will provide little in the way of value to your visitors who surf for information on many subjects. They require answers or solutions to their problems, needs, desires and wants. Provide the answers and they will return again and again.A website is simply a way to communicate whatever message you want to get across. This message needs to answer visitor's questions or satisfy their need for knowledge. To achieve this aim you will need a content rich website. The content will need to be relevant up to date and well organized and should be...(related: Web Design)
How To Get A Pay Raise From Your Web Site
How many of the visitors to your web site take the action you want them to take? Whether you want them to buy something from you, sign up for your newsletter, enter your sweepstakes, or give you contact information to follow up on, you want them to do something. The percentage of visitors who actually do that someth...(related: Web Design)
How To Make Effective Use Of Web Fonts
Writing for your web site is not the same as offlinewriting. The fonts used for print media are different thanweb fonts. This is because it's harder to read text on acomputer screen and visitors tend to scan your web pagesrather than read them word for ...(related: Web Design)
Website Checklist
10 Basic Things Your Website Should Have ...__ all short sentences and paragraphs (more reader friendly)__ lots of "white" space (more appealing)__ graphics (makes site more interesting and entertaining)__ links (widens reader interest)(boosts search engine ranking)__ search engine listings (so people can find your site)__ banner at top (makes home page look professional)__ contact info (at least a valid email address)__ About Me or About Us info (makes it more personal)__ privacy policy (adds credibility; spam policy etc)__ mission statement (defines ethics and purpose of your site). For more info go to http://thecooltool.tripod.comWith these 10 website basi...(related: Web Design)
How To Make It Easy For Your Web Designer To Build Your Website
You have an idea for a website and you are now looking for somebody to build you the site. You want it to be a smooth ride, and want to have a go...(related: Web Design)
Simplify Your Web Site For Clarity And Ease Of Use
There are plenty of web sites out there in which basic elements of design are ignored. The viewer may experience overkill and frustration, instead of gently re...(related: Web Design)
Top Ten Ways To Increase Web Sales - Part 2
You have only 10 seconds to impress your potential buyer.
Your Web site visitors don't care about you. They care what you can do for them. Give them a reason to buy. If you haven't reaped the sales you deserve apply these ten tips:
Part one of this article is available at http://www.bookcoaching.com/freearticles/article-56.shtml.
6. Make your layout clear, clean, and consistent.
An unorganized, unclear site tells people you didn't do your homework by writing excellent copy to convince visitors to buy. If you don't know how to do this, contact a copywriting coach or web writing coach. Take advantage of the smaller priced teleclasses. These professionals can show you how t...(related: Web Design)
Quality Web Copy Is The Key To Success
Many websites make the mistake of being all flash and no substance. Nothing irritates potential customers more than visiting your website hoping to find information and instead seeing only blinding color and flashing borders. Of course, you want your website to be attractive, even snazzy, but if t...(related: Web Design)
Website Savvy: 10 Key Steps To Turn Your Customers On!
"How to turn "slightly interested" customers into "I've got to have it!" customers!"I am truly amazed as to the lack of information websites contain. You would think that a business would realize that a potential customer would at least like to know how to contact the customer service department. But, you'd be astonished at how many times I've actually come across NO information on the business except "place your order here". That truly leaves the customer with a feeling of abandonment. Since I visit so many websites through...(related: Web Design)
Great E-cover Creation In 5 Steps
There are several graphic software packages available to help you create your own e-covers for your product or service. Most provide you with a set of templates to choose from, and have varying degrees to allow you to modify the templates provided. Regardless of which package you...(related: Web Design)
Speed Up Or Lose Out! How To Improve Your Websites Download Speed
So your web site's online and you've got high rankings in the search engines attracting lots of visitors. But the statistics tell you most of them are leaving after viewing just one page, what's gone wrong?One possible cause could be a slow download speed of your web site's homepage or the web site as a whole. There is nothing worse than having to wait for a web site to load up. Studies indicate that the majority of visitors will only wait 3 - 5 seconds for a homepage to load up before clicking elsewhere.If your homepage doesn't load up in this time (from a standard internet connection) you are running the risk of losing lots of visitors before they...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design