Template:Legend/doc

Template:Uses TemplateStyles Shows a legend row with a colored box.

Usage

{{legend|background-color|caption|outline=outline color|border=css border}}

• background-color is passed to the CSS background-color property of the color box.
• The optional outline parameter is the color of the outline around the box. Not to be confused with the CSS outline property.
• The optional border argument which overrides the outline argument and sets the CSS property (e.g., 1px solid #aaa) of the border that will be drawn around the box.

Examples

Use with all parameters

{{legend
| #ded <!--light green-->
| The meadow is green.
| outline   = #00e <!--blue >> will be not used because overridden by border-parameter-->
| border    = 2px solid #e00 <!--red-->
| textcolor = #00e <!--blue-->
| size      = 200%
| text      = green
}}

  The meadow is green.

Full parameter list

{{legend
| [legend box's colo(u)r]
| [text following legend box]
| outline =   <!--colo(u)r of border around legend box-->
| border =    <!--use to specify custom CSS styling for border (overrides 'outline')-->
| textcolor = <!--colo(u)r of 'text'-->
| size =      <!--'text' font-size-->
| text =      <!--to place text inside the legend box-->
}}

Limitations

Using certain special characters in |text= that have meaning in wikitext can cause unexpected results. To use Template:Asterisk in |text=, use |text=Template:Tlf. To use # in |text=, use |text=Template:Tlf.

Determine hex colors for legend

One way to determine the exact color is via freeware IrfanView. Open image. Then:

Edit menu > Show Paint dialog > click on the eyedropper > click somewhere in the image > click on the color at the bottom of the Paint dialog > Write down the Red, Green, and Blue color numbers (RGB).

Online sites that can identify the color of any pixel in an uploaded image are also available:

• imagecolorpicker.com

Convert RGB colors to hex color or color name (if there is one):

• Color Converter.

See also

• Variant blocks
  • Template:Tl, two colors, for striped color areas
  • Template:Tl, uses display:inline to avoid line breaks after each legend
  • Template:Tl, without the line-feed
  • Template:Tl, with text-align set to left
  • Template:Tl and Template:Tl, with text placed inside the colored legend and article linking
• Template:Tl, legends for lines
• Template:Tl, allows legend templates being used in image captions to use multiple columns

• Lists of colors
• Web colors

Templates that list colors

• Template:Tl
• Template:Tl
• Template:Tl

TemplateData

Shows a legend row with a colored box and a caption.

Template parameters

Parameter		Description	Type	Status
Color	1	The color for the legend entry, in any CSS format Example "#6D6E00", "#ffa", "yellow"	Line	required
Caption	2	Label for the legend entry Example "soda" is most common	String	suggested
CSS border style	border	CSS style for the legend entry's border	String	optional
Entry outline	outline	CSS color for the outline of the legend entry Example silver	Line	optional
Text in the entry	text	Text to be displayed in the legend entry box, i.e. within the color specified Example Af	Line	optional
Text color	textcolor	CSS color of text inside the legend's colored box	String	optional
Size	size	Font size of the legend entry, including colored box	String	optional