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

Forbes

10 Marketing, Web Design & Branding Statistics To Help You Prioritize Business Growth Initiatives
Forbes
Then, invest in a web design that places emphasis on the customer journey first and foremost. This will ensure that consumers can find the items or information they seek, and will increase the likelihood that they will remain on your site AND make a ...


Digital Trends

Adobe Spark Page makes web design easy — here's how to use it
Digital Trends
There are plenty of easy web design tools out there, but when Adobe decided to jump in the mix with Spark Page, it added artificial intelligence, a mobile app, and integration with programs like Adobe Lightroom and Adobe Stock. The result is an easy-to ...


The Harlan Daily Enterprise

Web design seminar slated for Aug. 20
The Harlan Daily Enterprise
20, Selling to the World will host a Web Design Workshop at the Bell County Tourism office (the Alexander Arthur Museum) on 2215 Cumberland Ave. Web design is an essential aspect of building an online presence for your company. It encompasses ...


9to5Mac

RapidWeaver 8 web design app coming next week with lots of user-requested features
9to5Mac
RapidWeaver, the well-known web design software for Mac, is getting a massive update rolling out August 14. Jumping from 7, RapidWeaver 8 brings a few notable changes to the table that'll improve how web developers build their websites.


The 15 best new podcasts for web designers and developers
The Media Temple Blog (press release) (blog)
Smashing Magazine recently compiled a shortlist of 66 podcasts that web designers and developers should be listening to, while UXcellence's 'rather comprehensive collection of design podcasts' includes no less than 101 shows. We're spoilt for choice.


Digital Journal

Josh Van Dyk's Forward-Thinking Web Design Helps His Clients Captivate Prospects
Digital Journal
Josh Van Dyk has worked with clients around the world to create powerful website designs that have a single goal: turn prospects into customers. Van Dyk's clients include professionals and entrepreneurs who want to give their web presence a more ...

and more »

Business 2 Community

The Foundations of a Successful Web Design Project
Business 2 Community
Every successful website begins with projecting planning. (We define success by whether or not the website achieves the goals determined at the inception of a project.) Regardless of the size of the project, outcomes depend heavily on planning and ...


WOWT

Woman's business dreams dashed after web design scam
WOWT
It is a good idea not to pay more than one-third of the money down for a project like web design, and always get everything in writing before writing a check. It's also a good idea to call the Better Business Bureau for background on the company and ...


IDF Spokesperson Blog (press release) (blog)

Some Amazing Examples of Web Design and How to Emulate Them
IDF Spokesperson Blog (press release) (blog)
Designing a website or mobile app is a rewarding process and the perfect opportunity to put your creative skills to work. By taking a look at popular design trends seen on the web today and design examples from expert designers you'll be well on your ...


Chron.com

Reader photo: Web design
Chron.com
Reader Audra Chaudoin said this spider web caught her eye in the fog. Share Your Story. Trending now. Fans attending Electric Light Orchestra's first Houston show since the band played the Summit in 1981 · ELO fans eager for the band's return.

Google News

Increasing Conversions Through Action-Oriented Copywriting

I do site reviews. Needless to say, I see a... Read More

Lead Capture Pages Explode Your Direct Sales Business Online!

Are you building a direct sales or mlm business online?... Read More

How a Custom Designed Website Can Help Your Business

Over the years, the internet has grown into a marvelous... Read More

10 Nifty Ways to Prolong Your Visitors at Your Website

Increasing the length of time a visitor is on your... Read More

Top 10 Web Design Mistakes

As a webmaster, you want to keep your visitors content... Read More

What Your Website REALLY Says About You And Why It Matters

Everything you say and do says something about you. This... Read More

Breathe New Life Into Your Half-dead Website By Using Words That Sell

This article may come as a surprise to you.Especially since... Read More

The Key to Getting More Magic Shows Booked Online

This article is the result of a conversation I had... Read More

Is Your Web Site Turning Visitors Away?

One of the biggest problems with Web sites is that... Read More

404 Error - The Page Cannot be Found

A "404 Error" happens when the web server you are... Read More

How Important is Content to a Successful Website

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

Custom Website Design - 7 Steps to a More Professional Website

If you are trying to sell a product or service... Read More

How To Choose A Website Designer

When you're self-employed, choosing a website designer is a crucial... Read More

10 Important Web Design Tips: SEO Friendly Website

A website should firstly be searched out by visitors before... Read More

.htaccess to Mask Errors on Your Website

The .htaccess file is a control file located in your... Read More

The Importance of Choosing Your Website Keywords Carefully

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

50 Surefire Web Design Tips

Tips to brand your websiteInclude your logo in all pages.... Read More

Choose & Use the Best Colors, The Psychology of Color

Are you using the best colors for your web site?... Read More

14 Ways to Add Content to Your Web Site - Part 2

7. Create high quality content - make clear points with... Read More

8 Tips for Designing a Great Website

Square buttons, round buttons, flashy buttons ? will they match... Read More

7 Ways of Building Customers Trust With Your Web Site

When I purchase something from a web site I first... Read More

So Much About META Tags!

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

Keyword Density

We can't emphasize enough the importance of including keyword-rich content... Read More

How Not To Get Web Design Work

I get the occasional web design lead from my website.... Read More

Ten Steps to a Winning Home Page

There's no doubt about it - the first page your... Read More