Template:Font color/doc

Purpose

This is how you insert colorized text, such as red, orange, yellow, green, blue and indigo, violet, and many others.

It's needed for matching a color theme such as in sports templates. You can specify a background color too.

You can make any text link to any page. (See "yellow" and "blue" above.)

For example, giving your plain [[wikilink]], you get

header 1	header 2	header 3
row 1, cell 1 wikilink	row 1, cell 2	row 1, cell 3
row 2, cell 1	row 2, cell 2	row 2, cell 3

You need {{font color | green | wikilink | link = yes }}

header 1	header 2	header 3
row 1, cell 1 wikilink	row 1, cell 2	row 1, cell 3
row 2, cell 1	row 2, cell 2	row 2, cell 3

Font color will use the latest Wikipedia:HTML5 recommendations, inserting the span tag attributes

style=background-color:

style=color:

for you, so your page increases its readability and usability in the wikitext and its rendering.

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 never of any concern.

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

. {{ font color | fg = tan | bg = green | text =     label     with     four      words    }} . → . label 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|Example|link=Wikipedia:Sandbox}}	Example
{{font color|text=Example|link=Wikipedia:Sandbox|bg=blue|fg=white}}	Example

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

• [[Wikipedia:Sandbox|{{font color|white|blue|Example}}]] → Example Linked by the pipe trick. Green tickY
• {{font color|white|blue|Example|link=Wikipedia:Sandbox}} → Example Linked by {{font color}} Green tickY
• {{font color|red|[[Wikipedia:Sandbox]]}} → Wikipedia:Sandbox Not "red" like it said, because text is a wikilink. ☒N
• {{font color|white|green|[[Wikipedia:Sandborax]]}} → Wikipedia:Sandborax Not white on green: text is a wikilink. ☒N

This span is style=background-color:yellow. {{font color|red|some red text}} → some red text.
Link with {{font color|purple|''The Color Purple''|link=The Color Purple}} → The Color Purple.      Span ending.

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}}