CSS Colours

Previous Page    Next Page

A browser by default sets the text colour to black, un-visited links to blue and visited links to purple and a background colour of white, these can all be changed in the style sheet.

Colour Theory

The Primary colours are Red, yellow and blue, in traditional colour theory, these are the three pigment colours, all other colours are derived from these 3 hues, the Secondary colours are Green, orange and purple, these are the colours formed by mixing the primary colours, and the Tertiary colours are Yellow-orange, red-orange, red-purple, blue-purple, blue-green and yellow-green, these are the colours that are formed by mixing a primary and a secondary colours. For more information on the theory of colour.

Hexadecimal Colour Values

Aqua #00FFFF
Navy #000080
Black #000000
Olive #808000
Blue #0000FF
Purple #800080
Fuchsia #FF00FF
Red #FF0000
Grey #808080
Silver #C0C0C0
Green #008000
Teal #008080
Lime #00FF00
Maroon #800000
Yellow #FFFF00
Orange #FFA500

Five ways to define colours in CSS

Using the Keyword for example black, white or yellow etc

Hexadecimal (see chart above)

A shortened version of Hexadecimal such as #0F0 this is used when two values next to each other share the same value as in the example which would be #00FF00 in Hexadecimal and then shortened to #0F0 to produce a green

RGB decimal values such as rgb(255,255,255) for white and rgb(0,0,0) for black

RGB percentages such as rgb(100%,100%,100%) for white and rgb(0%,0%,0%) for black

Web colours are colours used in designing web pages, and the methods for describing and specifying those colours. Colours may be specified as an RGB triplet or in hexadecimal format (a hex triplet). They may also be specified according to their common English names in some cases. Often a colour tool or other graphics software is used to generate colour values. Hexadecimal colour codes begin with a number sign (#). A colour is specified according to the intensity of its red, green and blue components, each represented by eight bits. Thus, there are 24 bits used to specify a web colour, and 16,777,216 colours that may be so specified. For more visit

Colour charts

Link to a hexadecimal colour chart

Link to Adobes colour wheel

A demonstration of what can be accomplished through CSS-based design

CSS tutorial sites

Previous Page    Next Page

Recommended Books