Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Understanding How HTML Color Codes Work > NetSparsh - Viral Content you Love & Share

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.

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at https://news.google.com/news

New York Web Design Company, Lounge Lizard, Discusses Quick Tips to Optimize for Voice Search
PR Newswire (press release)
NEW YORK, Oct. 19, 2018 /PRNewswire/ -- Lounge Lizard is globally recognized as a top New York Web Design Company within the web design and development industry. Lounge Lizard's brand tenders are creative, tech-savvy, and passionate in ...


Web Design Company, Lounge Lizard, Shares an Effective 7-Step UX Testing Plan
PR Newswire (press release)
NEW YORK, Oct. 18, 2018 /PRNewswire/ -- Lounge Lizard is globally recognized as a top Web Design Company within the web design and development industry. Lounge Lizard's brand tenders are creative, tech-savvy, and passionate in developing ...

and more »

Project6 Receives 2018 WebAward for Outstanding Achievement in Web Design and Development for CrossFit Games
Markets Insider
EMERYVILLE, Calif., Oct. 18, 2018 /PRNewswire-PRWeb/ -- San Francisco Bay Areawebsite design and development company Project6 is proud to announce that it has been awarded the 2018 WebAward for Outstanding Achievement in Web Design and ...

and more »

Fast Company

The future of web design is less, not more
Fast Company
The internet is a system that demands more: more engagement, more clicks, more ads, more content, more code, more servers, and more devices. The size of a typical web page has increased exponentially in recent years. Thirty-nine percent of young ...


Adweek

This New Tool Makes Eye-Tracking Tech More Accessible to Web Designers
Adweek
At least that's the premise of an increasingly popular practice among web designers and advertisers: the use of biometric technology to track and test consumer's eyes as they roam around a screen. Proponents say these devices, which range from infrared ...


Franklin County School Board must pay $11000 to web design firm
Roanoke Times
In its initial filing, HD Web Design sought $17,332.44, or half of the total project cost. But after Maddy filed a motion for summary judgment, the complaint was amended to seek $11,252.75 for the work that had been completed at the time of cancellation.

and more »

Web Design Company, Lounge Lizard, talks about 5 ways Great Web Design enhances your CX
PR Newswire (press release)
Great web design also directly influences conversions, which is a very important part of the customer experience. Why does a customer go to any website? The answer is to solve a problem or fulfill a need. If your site is not converting visitors ...


Wicked Local

Westford Academy senior starts web design business
Wicked Local
For Westford Academy senior and aspiring filmmaker John Stapp, 17, having 2018 and part of 2019 to see the world is something he felt was important before jumping into college. His parents only had one stipulation -- pay for it yourself.s. So this ...


SunStar Strategic Wins Web Design Award
PR Newswire (press release)
ALEXANDRIA, Va., Oct. 3, 2018 /PRNewswire/ -- The Web Marketing Association has presented SunStar Strategic with a 2018 Award for Outstanding Achievement in Web Development. The award reflects reaching the standard of excellence level in the ...

and more »

Customer Think

Top Ways to Improve the Web Design for Enhanced Customer Experience
Customer Think
The design for the web store is an essential facet of the customer experience today. A device-wide ease-of-use and accessibility is the desire of every customer today, whether they are looking for a product or a service. However, to achieve this, the ...

Google News

Imitation, The Smartest Form Of Flattery

Unless you are an inventor, most likely you are selling... Read More

6 Website Design Disasters and How to Avoid Them?.

Let's face it; the line from A Field of Dreams... Read More

Recipe For A Good Looking Web Site

We've all surfed the web and seen some awful web... Read More

Eliciting Constructive Website Feedback

"It's good.""You've done a nice job.""I don't like it."At some... Read More

Testimonials Can Increase Your Web Traffic

We've all seen and read product testimonials. They're a very... Read More

5 Instant Tips for More Online Sales

Even after you've managed to bring traffic to your site... Read More

Free Website Design Tips

In this article I will give a few tips of... Read More

Keep Your Navigation Simple!

Navigation must be simple. Since it's the backbone of your... Read More

Quality Graphics for your Web Site

For most people graphic design does not come easy. Unfortunately... Read More

Web Site Professionalism? What Is It?

Your web site should be-visitor friendly to navigatesearch engine friendly... Read More

Web Page Building for Beginners 4

Page ranking by search engines such as Google are not... Read More

What Drives Repeat Visitors To Your Site?

There can be zillions of reasons why your visitors return... Read More

How to Make Your Site Attractive to Potential Link Partners

Every now and then, I receive a link exchange request... Read More

When Your Graphic Designer Costs You Money

So how do you know when your graphic designer costs... Read More

Web Site Templates and Their Benefits

Unarguably, the most important part of your website is content.... Read More

Banner Enchancement - Designing Your Banner

A well designed web site is great to have, but... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is... Read More

Caveat Scriptor: Use the Advice of Those Who Know Before You Build a Site

~A man [woman] is a success if he [she] gets... Read More

The Proper Way to Use Images

Most people will agree there is nothing more annoying than... Read More

Designing Your Websites Directory Structure

Any kid, and their grandmother too, can make a webpage.... Read More

The Newbie?s Guide to Small Business Web Design

You've got a concept for a business, are excited about... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability.... Read More

Increase Sales on Your Website! Use Graphics!

How many times have you clicked on a website only... Read More

Usability and Considerate Design

I hate to imagine that in your web development project... Read More

5 Ways To Improve Your Website Immediately

If you are reading this, I assume you either have... Read More