Promote Your Site Right!

Text & Background Colors

You have probably learned by now how to use the VIEW|SOURCE feature in your browser to get some nifty ideas on how to create a certain effect. While doing so, you have probably noticed web pages that use actual color names or others using strange codes that look something like #ff8800 to assign text and background colors. So what's going on and why favor one over the other?

Browsers are set to recognize to some actual color names, and their index seems to increase with every new release. Many people, particularly those with a more artistic background as opposed to a technical background, are more comfortable using color names as they have used them all their lives in conversation. Problems can arise when a visitor to your site is using a Browser Program that does not recognize a color name you may have used. This is where the RGB Color Values come in.


WEBMASTERS!
This invaluable tool allows you to encourage visitors to make your page their homepage with one convenient click of a button. Believe it or not, 50% of all people surfing the web today do not know how to do this! Find out about this highly recommended traffic builder today! Click Here Now!

Quite simply, the RGB value is a series of six digits, the first two affecting the amount of red, the second two affecting the amount of green, the last two affecting the amount of blue, hence the name "RGB". This is similar in concept to the principals of "Color Seperations" used in printing, and RGB values are much more widely recognized by various browsers and versions than color names. The drawback is, of course, learning all those @#*$&% colors and RGB Values! Fear not, for listed below you will find a reference guide to recognized color names and corresponding RGB values. There is also a link to the most complete Color/RGB reference we have found on the web. If you are having trouble reading any of the colored text, use your mouse to highlight the text on this page.


Your monitor must be set to display a minimum of 256 colors in order to see colors correctly. Note that some older versions of Netscape Navigator will not display all of the listed colors correctly even when your monitor is set at 65,535 colors. This is a limitation of Netscape Navigator's implementation of color support in earlier releases. These colors are included so that you will know which colors work and which do not. View this page with various browsers to test the colors and RGB values within the different browser.

HINT: We recommend that you always assign a background color value in your tag as we have found that not all browsers on all systems automatically assign a default value of white.

This is light red text... This is red text... This is dark red text..

This is light blue text... This is blue text... This is dark blue text

This is light green text... This is green text... This is dark green text

This is light yellow text... This is yellow text... This is dark yellow text

This is light brown text... This is brown text... This is dark brown text

This is light gray text... This is gray text... This is dark gray text

This is light cyan text... This is cyan text... This is dark cyan text

This is light magenta text... This is magenta text... This is dark magenta text

This is white text...This is black text

    These Are Corresponding RGB Values
  1. Red Text - FF0000
  2. Dark Red Text - 8B0000
  3. Light Blue Text - ADD8E6
  4. Blue Text - 0000FF
  5. Dark Blue Text - 00008B
  6. Light Green Text - 90EE90
  7. Green Text - 008000
  8. Dark Green Text - 006400
  9. Light Yellow Text - FFFFE0
  10. Yellow Text - FFFF00
  11. Brown Text - A52A2A
  12. Dark Brown Text - 8B4513

Click Here for an Even More Complete Reference of Recognized Color Names and Their Corresponding RGB Values Courtesy of the University of Kansas Computer Science Department

If you are interested in Internet consulting services for your business
Click the link below to send us an e-mail request for more information.
We are based in Chicago, Illinois, USA.

Contact the Experts at I-Net Promo Central!

BACK TO THE GRAPHICS & HTML TIPS INDEX