Template:Font color/doc

The template {{font color}} is how you insert colorized text. You can specify its background color at the same time.

Purpose

{{font color}} is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally [[Pink Cyclone]] produces Pink Cyclone, but here we use a font color with |link= to create a black wikilink → Pink Cyclone. You can make any text link to any page using the |link= parameter.

This template uses the latest HTML5 recommendations, inserting the span tags <span style="color:color;">…</span> and <span style="background-color:color;">…</span>, so the page increases its readability and usability in both the wikitext and the rendered page.

Usage

{{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 produces [[text]]
• |link=Wikipedia:Albert Einstein produces [[Albert Einstein]]

You can also name the other fields:

• {{font color|fg=color|text=text}}
• {{font color|fg=text color|bg=background color|text=text}}

You can name |fg= or |bg=, which is nice, but if you name either of them, you must also name |text=, which is a compromise.

Parameters

	Use / description	Default value
{{{1}}}	text color	inherited
{{{2}}}	text
link	=yes or =fullpagename

Or

	Use / description	Default value
{{{1}}}	text color	inherited
{{{2}}}	background color	inherited
{{{3}}}	text
link	=yes or =fullpagename

Examples

Markup	Renders as
{{font color|green|green text}}	green text
{{font color|blue|do not style text as a link}}	do not style text as a link
{{font color||yellow|default text in yellow background}}	default text in yellow background
{{font color|bg=yellow|text=default text in yellow background}}	default text in yellow background
{{font color|white|black|white with black background}}	white with black background
{{font color|#FFFFFF|#000000|white with black background}}	white with black background

Markup	Renders as
{{font color|white|blue|Wikipedia:Example|link=yes}}	Wikipedia:Example
{{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}}	Wikipedia:Example
{{font color|link=Wikipedia:Sandbox|bg=blue|fg=white}}	Wikipedia:Example

The |link= parameter is a good way to colorize wikilinks, and it is about as much typing as the pipe trick.

Although a wikilink accepts a font color (or other template or markup):

[[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] produces the Wikipedia:Example page (a font‐colored link)

{{font color}} does not accept a wikilink, it creates wikilinks itself with |link=.

✓ {{font color|green|violet|Wikipedia:Example}} produces Wikipedia:Example

✗ {{font color|green|violet|the Wikipedia:Example page}} produces the Wikipedia:Example page (text with [[wikilink brackets]] overrides the designated color)