Template:Color box
Jump to navigation
Jump to search
Contents
Usage
{{color box|color|text|text color}}
- Colors are most commonly specified as either a color keyword or as the hexadecimal triplet representing an RGB combination. See web colors for details.
- If specified, the
text
is centered within the box. - If no color is specified for the text, it is displayed in either black or white, depending upon whichever has the greater contrast.
- The optional parameter
|border=
will change the color of the outline box. The default is black.
Visual effect | Markup |
---|---|
{{color box|Green}}
| |
Default color for this text | {{color box|Yellow|Default color for this text}}
|
Default color for this text | {{color box|Blue|Default color for this text}}
|
Using X11 color names | {{color box|SteelBlue|'''Using X11 color names'''|Gold}}
|
Using RGB hex triplets | {{color box|#012345|''Using RGB hex triplet''|#FEDCBA}}
|
Red | {{color box|Yellow|Red|#f00|border=#f00}}
|
Variants
- {{Color box}}, a small color box with black borders and text color. (e.g. or ORANGE )
- {{RouteBox}}, a borderless version with text color and wikilinks. (e.g. ORANGE )
- {{Colorbull}}, a colored bullet with wikilinks. (e.g. ■)
- {{legend2}}, another borderless version (e.g., )
- {{Color sample}}, a small color box with black borders. (e.g., )
- {{Swatch inline}}. (e.g., orange)
- {{Background color}}. (e.g., orange)
See also
- {{Infobox color}}, an infobox for the detailed description of a color.
- {{Legend}}
TemplateData
This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly parameter usage report for this template.
TemplateData for Color box
<templatedata> { "params": { "1": { "label": "Color", "description": "Color of the box.", "example": "Green", "type": "string", "required": true, "suggested": true }, "2": { "label": "Text", "description": "The text in the box.", "example": "Hello, world!", "type": "string", "suggested": true }, "3": { "label": "Text color", "description": "Sets the color of the text inside the box.", "example": "Yellow",
"type": "string",
"suggested": true }, "border": { "description": "Adds border outside the box.", "example": "#FF0" } }, "description": "Adds a rectangular color box.", "format": "inline" } </templatedata>