PDQ Library:  Web Colours

Browser Colours & Eye Strain

In web pages that do not specify any colours, the browser uses "default colours". Browser options allow you to change the default colours - ideally you want to use black text but may prefer white or a pastel background that appeals to you.

The easiest pages for most people to read is black text on a pale shade of cream, beige, or blue, using a standard font (Arial, Verdana, Times) of default size. This style will allow everyone to use a computer screen for many hours without eye-strain.

If you want the widest possible audience, you should use "style sheets" for screen (and other viewers). Visually impaired "viewers" can more easily access the page information or even use a text-to-speech conversion tool to "listen" to the information if you use basic HTML with style IDs and CLASSes. Put the important information at the beginning of the "file" and use the style sheet to place menus and navigation bars on the "visual" page.

HTML Colour Codes

HTML colour codes are used in web pages and style sheets to colour everything from heading text to table cell backgrounds. Colour codes begin with a # followed by 6 digits or a standard "colour name". An example is #FFFFFF which is the HTML colour code for "white". It can also be written using only 3 digits when used in "style" code or a style sheet as shorthand for a 6-digit code i.e. #FEA is short for #FFEEAA. Use our colour code table to view the colours of RGB 6-digit codes.

Colouring Tables is easy

HTML CODE for above table

<table border=1 cellspacing=0 cellpadding=4 style="border:2px solid green;">
<tr><th style="color:#900; background:yellow; " colspan=2>Colouring Tables is easy</th></tr>
<tr><td style="background:#FFC"> #FFC</td><td style="background:#CFC">#CFC</td></tr>
<tr><td style="background:#CFF"> #CFF</td><td style="background:#FCF">#FCF</td></tr>


TOP back