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.

red

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.

You can do some interesting things with CSS and colour.

You can change the font colour

change the font colour

or change the background colour behind the font.

change the background colour

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.

Colourizing the Web

Cyber Studio Solutions

+94 11 56 57 000

info@cyberstudio.biz

www.cyberstudio.biz

Open Hours