Wicked colours

Basic mark-up format

This requires some very simple HTML-like coding. It is not difficult. To make a word have colour, use: <span style="color:hex triplet or colour name">text</span>

  • <span style="color:red">red writing</span> shows as red writing
  • <span style="color:#0f0">green writing</span> shows as green writing
  • <span style="color:#0000FF">blue writing</span> shows as blue writing
  • Set text color by using <span style=”color:#FF0000″> This text will be red </span>
  • Set background color by using <span style=”background:green”> This text will be on a green background </span>
  • Set both by using <span style=”color:#FFFF00; background:#00C000″> This text will be yellow and on a green background </span>

Colour names and codes

Every colour has its own hexadecimal code. This site has a number of colour palettes. Select one, and then a colour; the hex code will be on your clipboard.


I have imported the following templates from Wikipedia into my own wiki:

  • Coloured fonts: Template:Font_color. Much the same as the basic option (see top of this article), but with the additional option to colourise links. {{Font color}} has a one-color and a two-color form:{{font color | color | text }}{{font color | text color | background color | text }}. Either form has a |link= option, for colorizing (otherwise blue or red): wikilink text.|link=yes → [[text]] and |link=fullpagename → [[fullpagename]]
  • Coloured boxes: Template:Color box. It creates a rectangular box: {{color box|color|text|text color}}

Leave a Reply