Menu

We are apologize for the inconvenience but you need to download
more modern browser in order to be able to browse our page

Download Safari
Download Safari
Download Chrome
Download Chrome
Download Firefox
Download Firefox
Download IE 10+
Download IE 10+

Colourizing the Web

When you’re starting to create your Web page, keep in mind that there are many ways to add interest and vitality to your site. A great way is to use colour. Colour can be used in tables, as backgrounds, and fonts.



Named Colors

There are different ways of adding colour to your pages. One of the easiest ways is to used named colours. These are just what you think they are: colour names like red, blue, green, and purple.

But some browsers don’t render colour names, or they render them differently than other browsers. So, that’s why it’s better to use hexadecimal codes for your colour names.

Hexadecimal Codes

These are the codes that define colours. They are groups of three hexadecimal (base 16) numbers. The first number is red, the second green, and the third blue. Each hexadecimal number is an RGB triplet. 00 is the lowest hue, and FF is the highest. For example, red is ff0000, blue is 0000ff, green is 00ff00, and purple is 990099.

Putting Colour in Documents

Using CSS to add colour is easy. The most common method of putting colour in your documents is with the <style> attribute. Choose the colour you would like your text to be, enclose it in a span tag, and use the style attribute to assign a colour. e.g.

<span style=”color : #ff0000″>red</span>

Another way to add colour is to use it as a background colour on tables. Just add the background-color style to the table, tr, td, or th tags. You can add colour to your entire page with the on your body tag. e.g.

<body style=”background-color: #0000cc;”>

You can do some interesting things with CSS and colour.

You can change the font colour

<span style=”color : #0000ff”>change the font colour</span>

or change the background colour behind the font.

<span style=”background-color : #ccccff”>change the background colour</span>

Use colour to breathe life into your Web pages. Colour can be a lot of fun.

Have a question or more input you would like to add to this post? We would love to read them.