HTML Color Codes

HTML Color Codes website provides free color tools for finding HTML colors for your website. Great tools HTML color chart and HTML color picker will make this simple as a walk in the park.

To quickly start using HTML colors in your website take a look at How to use HTML color codes?. If you wish to learn what this combination of characters in HTML Color Codes actually means than take a look at section HTML Color Codes Theory.

Web safe colors is the list of colors that look the same on all operating systems. And if you have color blindness then check out HTML Color Names to overcome that problem.

Make sure you checkout my blog with tutorials and lists of the best freeware software and online services for web developers.

HTML Color Chart

With this dynamic HTML color chart you can get HTML codes for basic colors.
Click on any color square to get its HTML color code. Below is a list of recently picked colors.
To store HTML color for your next visit click on its pin:

HTML Color Picker

Move the vertical slider to chose color and then click into color square on the left to get HTML color code for desired color cast.

You can start with your own color by writing its color code in upper input field.

Insert your color code:

Color codes how to video

If you are not sure how to use color tools on this website then check out this video:

How to use HTML color codes?

With HTML color codes you can set the color of web site background, color of text, cells in tables and much more.

Using HTML color codes for web site background color:

<body style="background:#80BFFF">

Using HTML color codes for setting font/text color:

<span style="color:#80BFFF">

Using HTML color codes for table background color:

<table style="background:#80BFFF">

Using HTML color code for link color:

<a style="color:#80BFFF">

HTML Color Codes Theory

So you are wondering "Does this weird combination of letters and numbers have any meaning?" Well the answer is "Yes" and this is how it goes:)

HTML Codes format:
Each HTML code contains symbol "#" and 6 letters or numbers. These numbers are in hexadecimal numeral system. For example "FF" in hexadecimal represents number 255 in Decimal.

Meaning of symbols:
The first two symbols in HTML color code represents the intensity of red color. 00 is the least and FF is the most intense. The third and fourth represents intensity of green and fifth and sixth represents the intensity of blue. So with combining the intensity of red, green and blue we can mix almost any color that our heart desire;)

Examples:
#FF0000 - With this HTML code we tell browser to show maximum of red and no green and no blue. The result is of course pure red color:     

#00FF00 - This HTML code shows just green and no red and blue. The result is:     

#0000FF - This HTML code shows just blue and no red and green. The result is:     

#FFFF00 - Combination of red and green color gives us yellow:     

#CCEEFF - Take some red a bit more of green and maximum of blue to get color of sky:     

Have fun!


Support this website

Please support this website by linking to it. All you have to do is to put the code below on your website. Or spread the word trough social networks (Twitter, Facebook):

<a href="http://html-color-codes.info" title="HTML color codes">HTML color codes</a>

COPYRIGHT 2012. ALL RIGHTS ARE RESERVED.