Template:Font color/doc

Links should clearly be identifiable as links to readers. Refrain from implementing colored links that may impede user ability to distinguish links from regular text, or color links for purely aesthetic reasons.

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 [[ Help:Color ]] → Help:Color, but here we use a {{ font color }} with |link = to create a black wikilink →    Help:Color    You can make any text link to any page using the |link= parameter.

This template will use 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 → [[text]]

|link=Help:Color → [[Help:Color]]

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 || 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 }} ([[w:hexadecimal colors]])	white with black background (w:hexadecimal colors)

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

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

See also

• Help: Color

Templates

• To colour text and background:
  • {{Font color}}
  • {{background color}}
  • {{font}}
• To provide example squares of colour:
  • {{Color sample}}
  • {{Swatch}}
  • {{Swatch inline}}
• To provide a list colors
  • {{Colornames}}
  • {{Formula Supported Named Colors}}
  • {{X11 color chart}}
  • {{Web Colors}}

Wikipedia articles

• Color picker
• Web colors
• HTML color names