<span class="tmp-color" style="color:">
 | This template is used on approximately 524,000 pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage. The tested changes can be added to this page in a single edit. Consider discussing changes on the talk page before implementing them. |
 | Prose text intended for readers should never be manually colored. (MOS:PROSECOLOR) |
 | This template uses TemplateStyles: |
{{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
{{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
TemplateData for Color
The color template can be used to add a span of text with any given text color
| 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 |