How to Use HTML Colors

So you are learning or trying to master website development. However, you are not sure how to use HTML colors effectively. Your website should be catchy to the eyes, not hard to read. So choosing the correct colors for text, foreground and background is vital to the overall success of your website. In a few simple steps, you will learn the basics of how to use HTML colors and use them to your benefit.

Instructions

    • 1

      Choose the format you wish to use. You can use the color, the hex number or the RGB value. The simplest way is the hex number. However, this is a matter of opinion. With the hex number, you can have different shades of the colors you wish to use.

    • 2

      Setting the background color should be at the top of the page. The format may look something like this: <body bgcolor="#HexNumber"> For Example, <body bgcolor="#CCCCCC">. The other formats may appear like this: <body bgcolor="rgb (204,204,204)"> or <body bgcolor="gray">.

    • 3

      Decide on the text color you wish to use. You may decide to use different colors on your website. For example, one text section of the website may be black while others may be green or blue. The format to set the text color is text="#CCCCCC." The formats used in step 2 can also apply to the text format.

    • 4

      Using link colors can assist your readers in remembering which location they have visited or need to visit next. The format for the plan link is link="#CCCCCC." If you wish to use a color showing which link your reader has viewed, use vlink="#CCCCCC." Non-viewed link color should look similar to this: alink="#CCCCCC". Again, the format in step 2 can assist in other color schemes you wish to use.

Tips & Warnings

  • Remember, to always view your website in a browser. You may decide on different colors if they are hard on the eyes.

  • You can play around with different colors to find the correct ones to match the website you wish to portray.

  • You can use several color schemes on your website, choose the correct one for your personal web page.

Related Searches:

Resources

Comments

You May Also Like

Related Ads

Featured