 Home | Site Map |
|
|||
|
|
 |
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.
MORE RESOURCES:  Yahoo! News Search Results for website design Yahoo! News Search Results for website design • Website a waste (Re: City pays $128,000 for new website design) Wow -- $128,000 for this amateur website? Another colossal waste of my property tax dollar. Ranks right up there with the addition to the arena that I'll never use and the new bridge built so Bulls fans can get to Wendy's quicker after the game.[...] • Design Build Construction Company The Korte Co. Architects New Website and On... ST. LOUIS, MO--(Marketwire - 09/02/10) - The Korte Co. has launched its Drupal-based website at http://www.korteco.com . The updates to the site reflect the "build smart" mantra of the St. Louis based, Design-Build Construction Company. By enhancing the design and usability, The Korte Co. deliver a rich portfolio of design build projects in a multitude of industries ... • Website Testing Manager, Website Conversion Manager - A/B Testing- IT Website Testing Manager, Website Conversion Manager - A/B Testing - Notting Hill, London Website Testing Manager, Website Conversion Manager - A/B & Multivariate Notting Hill, London Up to £40,000 + Bonus + Equity Founded by a team of 4 ex Googlers, we are a London based technology solutions and advisory company that improves the efficiency of online businesses and web-based properties. • City unveils new website design The city has a new look for its website located at www.cityofmadisonsd.com that includes noticeable changes in its design and, hopefully, easier online navigation for its users. • New Website Design For The Work Connection Business Staffing Agency's New Website Serves Both Job Seekers and Employers |
|
|
|
RELATED ARTICLES
Effective Website Design In this era of ultra-sophisticated internet marketing and web design, there is no excuse for an e-business to suffer with an ineffective website. Whether your goal is to present a basic business website that briefly introduces and describes your company and product, or you endeavor to develop a fully-functioning cash-cow storefront, there is a wide array of design choices to cater to all of your needs. Web Copywriting: The Psychology Of Scarcity, Less Is More If You Want Faster Sales Countdown to Armageddon - at least you'd think so judging from some of the garish copy and blaring headlines screaming at you from so many websites.At the opposite extreme though, you've some sites which don't even have a single decent headline anywhere that captures visitors attention, let alone leads them into captivating copywriting that'll get them a sale. Elements of Graphic Design for Your Website We've all seen them. Poorly designed web sites that make you cringe as soon as they load. 7 Ways of Building Customers Trust With Your Web Site When I purchase something from a web site I first check who is behind this site. If there is no contact information or anything about the owner of the site or his/her company I move on. Title Tags - How to Make Them More Effective The title tags of your web pages are more important than most web authors realize. Once you understand why the title is so important, you can easily write more effective title tags. How to Create a Favicon for Your Web Site One of the simplest things you can do to give your site 'identity' and to make it stand out from other sites is to use a favicon (favourite icon). They are the little logos that go next to the website listing in your favourites folder, and pop up in other places, (depending on your browser and operating system). Re-Use The Links You Have When Revising Your Site! Many times I've seen a web site undergo a revision and everything is brand new, even brand new links!You've worked so hard to get those great page ranks for all your pages and then you get rid of them? NO NO NO.It's the same reason why people buy "expired domains". HTML - A Website Language Explained - For Over 35s This is a very perfunctory look at the website code HTML, for those who never did any kind of Computer Studies at school and have never had the need or opportunity to look 'under the skirt' of your average website. There's nothing that an experienced webmaster will find here that's not very basic, but for those who have just begun to discover the 'website' and especially those venturing into. Offshore Web Design and Development - Use Great Opportunities Sooner or later every small or medium business owner realizes that he needs a web site for his business. And almost everybody wants to have great web site for affordable price because usually web site design budget is quite limited. Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2 Part one of this article is available at www.bookcoaching. Usability Lessons from the Hospital Usability isn't only for Web design. It's also applicable in the real world as things aren't always well-designed. How to Create an Enjoyable Web Page Design Novice and professional designers alike - you may probably be skilled enough of any one or all of the techniques in creating a Web page and designing them. However, not all designs, even those made by authorities in the field, prove to be enjoyable and entertaining enough for the users. Good Content Pays! Traffic to a site can be a blessing or a curse. Visitors who find what they are looking for, are engaged in what the site offers, and/or come away with a positive impression become the site owner's best allies and customers. 6 Reasons Why Web Templates Are Todays Trend As the Internet blooms at an alarming rate, so as the number of websites out there. Appearance, layout, presentation and loading times are just a few of the main essential characteristics of a successful website. Do Your Website Yourself - 4 Simple Steps to Get Your Dreams on the Web Many people hire professional web site designers for as much as a thousand plus USD! You can, and very easily, make a web site for almost one hundredth of that price, and probably in half the time. Here are 4 easy steps to get you started. Caveat Scriptor: Use the Advice of Those Who Know Before You Build a Site ~A man [woman] is a success if he [she] gets up in the morning and gets to bed at night, and in between he [she] does what he [she] wants to do. Bob Dylan~I'm smart. Increase Your Website Sales Instantly If there's one thing that I've learnt so far, it's that nothing beats good copy. You may have found a way to bring in 10,000 visitors a day to your site, but if your copy is lousy, you're just wasting your effort. Build It And Build It Cheap! There are several very good reasons why you should consider building your own web site versus having someone do it for you. It's more cost efficient, you can make it much larger in content, you are more involved in how you want the pages to look, and I have actually enjoyed learning the dos and don'ts of website profiling. Digitalize It! : (Modification of images with tools such as Adobe CS and Corel) Then it was a choice among crayons, paints and palettes for an artist and designer to create art. It was a box of crayons that make one happy designer during his early years of formation. Breathe New Life Into Your Half-dead Website By Using Words That Sell This article may come as a surprise to you.Especially since it is written by a web designer.
|
|
|