Template:Color

#000000

Template documentation[view] [edit] [history] [purge]

{{Color}} generates a stylized color box that displays a color name or value in that color alongside a matching swatch. The color can be specified as either a CSS color name (e.g., royalblue) or a hex triplet with the # prefix (e.g., #4169e1). The color value can be passed either as the first positional parameter or via |color=. The color box automatically chooses either a light or dark background to maximize contrast, ensuring a contrast ratio greater than 4.58 and exceeding the WCAG 2.2 AA minimum of at least 4.5 for normal-sized text.

• {{color|royalblue}} →

royalblue

• {{color|#4169e1}} →

#4169e1

• {{color|khaki}} →

khaki

• {{color|#f0e68c}} →

#f0e68c

• {{color|color=royalblue}} →

royalblue

• {{color|color=#4169e1}} →

#4169e1

• {{color|color=khaki}} →

khaki

• {{color|color=#f0e68c}} →

#f0e68c

TemplateData

This template generates a stylized color box that displays a color name or value in that color alongside a matching swatch, automatically selecting a light or dark background to ensure the color name remains legible for all colors.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Color	1 color	CSS name or hex code of color Default #000000 Example #4169e1, royalblue	String	suggested

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