Template:Font color/doc

Purpose

{{ Font color }} is how you insert colorized text, such as red, orange, green, blue and indigo, and many others. You can specify its background color at the same time.

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

This template will use the latest Wikipedia:HTML5 recommendations, inserting the span tags <span style=color:color>...</span> and <span style=background-color:color>...</span> for you, so your 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 → [[text]]

|link=fullpagename → [[fullpagename]]

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. (See Help:Template#Parameters for why.)

Spacing is of no concern.

.{{font color|tan|green|text with four words}}. → .text with four words.

. {{font color|tan|green|text with four words}} . → . text with four words .

. {{ font color | tan | green | text with four words }} . → . text with four words .

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 | white | black | white with black background }}	white with black background
{{font colorTemplate:Bigyellow | default text in yellow background }}	default text in yellow background
{{font colorTemplate:Bigbg=yellow | text=default text in yellow background }}	default text in yellow 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 | text = Wikipedia:Example | 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's label will accept any template, Template:Big Wikipedia:Example | {{font color | white | blue | Wikipedia:Example }} Template:Big → Wikipedia:Example (a font-colored link), this template does not accept a wiklink, it only provides |link=:

• Green tickY{{ font color | black | violet | Wikipedia:Example | link=yes }} → Wikipedia:Example (a linked {{ font color }})
• ☒N{{ font color | black | violet | [[Wikipedia:Example]] }} → Wikipedia:Example (The wikilink caused the color to fail.)
• ☒N{{ font color | black | violet | [[Wikipedia:Exammple]] }} → Wikipedia:Exammple (The wikilink caused the color to fail.)

For actual mainspace template usage, here are search links for

• all usage.
• where |link= is used.
• hastemplate: "font color" prefix:F

See also

• Important Manual of Style information
• Web colors
• HTML color names
• List of colors
• Help: Link color
• {{color}}
• {{background color}}
• {{color contrast ratio}}
• {{hilite}}
• {{font}}
• {{tq}}
• {{xt}}