Template:Color/doc

From Our World of Text Wiki
Revision as of 02:26, 31 January 2026 by Dat Hack3r (talk | contribs) (Better wording)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Color1 color

CSS name or hex code of color

Default
#000000
Example
#4169e1, royalblue
Stringsuggested