HTML Color Code Chart | HTML easy font color codes

 

Mailing lists



Go Here Now to Design Your First Web Site ...

The Beginners Guide to HTML Color Codes  - PART 2

Read HTML Color Codes Part 1 Here ....

How to spruce up your web pages with HTML easy background color codes

 

HTML Color Codes -- A Guide for Beginners

 

Part 2

Once you decide on a few general colors for your website, it's time to learn about the actual HTML color code.  

You have two options when it comes to entering a color code for your web page. One, you can just type the name of the color into your HTML code on a web page, such as "blue" or "red."  However, this doesn't work if you need to use unusual color combinations and do not know the name for them.  Also, some unusual colors might not be compatible with HTML.  Each color has its own HTML code, which is actually a combination of three color mixed together.  Here's why...

 

An Elementary Lesson on HTML Color Codes

Do you remember when, back in elementary school, you learned about the colors of the rainbow?  These are primary and secondary colors - six colors in all.  The primary colors are red, blue and yellow.  The secondary colors are green, orange and purple. You learned how the primary colors were actually mixed with one another to form the secondary colors. 

EXAMPLE:  Yellow + Blue make Green!


Of course, there are many more color combinations than these.  You could spend hours with water color paints making unique colors and not exhaust the possibilities!

HTML Color Hue (or Tint) Defined

A hue is a particular tint of a color.  For instance, the color red can be made lighter or darker, giving a pinkish tint or a burgundy tint.  The color blue can be lightened to a light blue or darkened to a navy or purplish blue.  The hues, or tints, of the primary colors red, green and blue (RGB) are what give us the wide spectrum of colors that are available today.  You can saturate a color or brighten it.  The RGB is crucial to learning about HTML color codes because these three letters represent the hue, saturation and brightness of a color.  Thus, giving us our HTML Color Codes we have today.

 

HTML Color Code Chart

Take a look at the HTML Color Code Chart below.  Notice there are three columns. These contain the color name, color code and actual color so you can see the result of that particular color code.  Amazingly, the colors come out beautifully whether I type in the colour name or the actual code.  This is because the HTML programming language is pre-set to accept these colors and the language already knows how to translate the color names or the code - whichever you use.

HTML Color Code Chart


Notice the color white has the code FFFFFF with a # symbol in front.  The RGB color value number is called a "Hex" (hexadecimal) number.  

Notice on the HTML Color Code Chart above the hex code for "light blue" - #ADD8E6

This can be entered as the pound symbol and letters and numbers as you see in the code above into your HTML or as the color name "lightblue" (without quotes).  There should be no space between the words "light" and "blue" when typing the color name into HTML.

Inserting a Color into Font Commands

A font command is an entire line of code used to assign color to a certain font (or text) in your Web page.  The code can be seen below with the HTML color code for light blue:

<font color="#ADD8E6">

Tutorial HTML Color Codes

For the word "hello" in light blue letters, the complete lettering color code would look like this:

<font color="#ADD8E6">hello</font>

Keep in mind that there are several ways an HTML color code can be written.  Here are some variations of the line of code in HTML:

<font color="lightblue">hello</font>

<span style="color: rgb(173, 216, 230);">Hello</span>

<span style="color: lightblue;">Hello</span>

If you already have a website or are in the process of designing your own web site, take a look at all the different color options at this link.  It's a great color picker that enables you to choose a variety of colors.  You can get the HTML color code and insert in your web pages once you find a great color.

WARNING:  Be careful about choosing unique colors.  A color might look entirely different on your computer than on your viewer's computer.  So, test out your colors on your computer and ask a few friends to view it on theirs as well.

http://www.hitmill.com/html/rgbcolorvalues.html

Now you know just a little more about color codes.
 

If you want to build a business instead of just a website, Ken has just the site for you. Go now to find more information about website building >>>

 

Now, Get Your Web Design Lessons for Beginners >>>


Disclaimer: We try to give newbie web designers easy to understand and accurate information about html color codes on these pages buy Web Master Course accepts no responsibility or does not insure or imply any degree of success in a web based business or website design career by reading the material listed on this website. Degrees of web or Internet success varies greatly dependent upon the attitudes, attributes and ambition of each individual designer. Please thoroughly check out any information you find on this site before indulging in a web design business or presenting yourself as a webmaster. And now you know a little more about HTML background color codes.


Google

 


--------------------------------------------------------------------------------
Learn Web Disign  |  Get Links - Make Money! Go Now to Find Out How ...   | Free Webmaster Articles | SiteBuildIt!
Find Internet Site ISP  | Site Map | Subscribe to Web Design Weekly | Web & Tech Jobs | Web Design Tips
--------------------------------------------------------------------------------
Webmaster Course
 
 © Copyright Webmaster Course - All rights reserved html color codes | HTML background color codes