Template:Color

File:Test Template Info-Icon - Version (2).svg Template documentation[view] [edit] [history] [purge]

{{color}} can be used to specify the foreground color of a span of text. Acceptable values are RGB hex codes, e.g. #C9E72A, or any of the web colors: red, blue, green, moccasin, darkorchid, etc. To set the background color of a span of text, use {{background color}}.

Usage

• {{color|name of color or hex code of color|Text}}

For example:

• {{color|red|Hello, world!}} → Hello, world!
• {{color|#00F000|Hello, world!}} → Hello, world!

If the second parameter is omitted, the color value is displayed as text:

• {{color|#00F000}} → #00F000
• {{color|red}} → red

Using the Codex Design Style Guide for Wikimedia text colors:

• {{color|var(--color-success, #177860)|'''Success'''}} → Success
• {{color|var(--color-error, #bf3c2c)|'''Error'''}} → Error
• {{color|var(--color-content-added, #006400)|'''Content added'''}} → Content added
• {{color|var(--color-content-removed, #8b0000)|'''Content removed'''}} → Content removed

Dark mode

This template does not function in dark mode. If you have a use case for color in your page, you should try to use an existing more-specific template (such as {{increase}} or {{xt}}).

However, if you really need this functionality, you can append a space and !important after the color. For example:

• {{color|red !important}} → red !important

Redirects

• {{COLOR}}
• {{Colored text}}
• {{Colour}}
• {{COLOUR}}
• {{Fgcolor}}

See also

• {{resize}}
• {{colored link}}
• {{background color}}
• {{font color}} – allows setting both text and background color
• {{coltit}} – colored table header cell
• {{overcoloured}} – when color is used in a way that hides information from color-blind people

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Color in articles based on its TemplateData.

TemplateData for Color

The color template can be used to add a span of text with any given text color

Template parameters[Edit template data]

Parameter		Description	Type	Status
Color	1	CSS name of color or hex code of color, e.g. 'red' or '#00F000'.	String	required
Text	2	The string of text to be formatted in the desired color	String	suggested

The above documentation is transcluded from Template:Color/doc. (edit | history)
Editors can experiment in this template's sandbox (edit | diff) and testcases (edit) pages.
Add categories to the /doc subpage. Subpages of this template.