The Beginners Guide to HTML Color Codes  – PART 4

How to spruce up your web pages with HTML color codes

In this final web design lesson, we’ll be looking at some example pages with various color combinations.

In these examples, you’ll see how different HTML color code combinations actually look on the Web.  Click HTML color codeson the example links for each page below.

Then, read below the link to find out what colors we used – and where we used them to create the colors on the web page.

Notice, there are three areas where colors codes are used in the Web pages below:  page background, tables, and link text.

These three should blend well on your Web pages to create a look that’s pleasing to the eye for your visitors.

HTML Color Code — Example Page #1:

http://www.webmastercourse.com/articles/html-color-codes-part4/example1.htm

** Page Background Color Code: #F0E68C
** Table Color Codes:  #990000 (table background)
** Link Text Color Code: #FFFFFF (Main Link Color)  #ffffcc (active link)  #ffcc33 (visited link)

HTML Color Code — Example Page #2:

http://www.webmastercourse.com/articles/html-color-codes-part4/example2.htm

** Page Background Color Code: #ffffff
** Table Color Codes: #ffffff  (table background)  #cccccc (left column)
** Link Text Color Code:  #990000  (Main Link Color)  #cc0000 (active link)  #993300 (visited link)

HTML Color Code — Example Page #3:

http://www.webmastercourse.com/articles/html-color-codes-part4/example3.htm

** Page Background Color Code: #FFFFFF
** Table Color Codes:  #cc9933 (table background)  #FFFFFF (middle column)
** Link Text Color Code: #000099 (Main Link Color)  #000099 (active link)  #000099 (visited link)

HTML Color Code — Example Page #4:

http://www.webmastercourse.com/articles/html-color-codes-part4/example4.htm

** Page Background Color Code: #FFFFFF
** Table Color Codes:  #ffcccc (table background) #ffffcc (right column)
** Link Text Color Code:  #ff6666 (Main Link Color)  #ff0000 (active link)  #cc0000 (visited link)

HTML Color Code — Example Page #5:

http://www.webmastercourse.com/articles/html-color-codes-part4/example5.htm

** Page Background Color Code: #FFFFFF
** Table Color Codes: #ff0000 (table background) #ffffff (middle column)
** Link Text Color Code: #ffffcc (Main Link Color)  #ffffcc (active link)  #ffffcc (visited link)

 

Want to become a webmaster? Go here to learn web design from home for beginners.

This concludes our HTML Color Codes Tutorial.

Filed under: Web Design