Template:ColorSample
This documentation is transcluded from Template:ColorSample/doc.
This template creates a box filled with a color of choice, optionally followed by a label.
Usage
{{ColorSample |1= |2= }}
It may prove useful when listing colors used in a hand-made computer drawing, saving readers/users from having to use a color picker-like tool in their favorite picture editor.
Template parameters
| Parameter | Description | Default | Status | |
|---|---|---|---|---|
1 | color | a standard HTML5 or CSS3 color name, or one of the few additional color names defined by this template (amber, cream, vermilion), or a RGB or RGBA color (starting by '#' followed by 3, 4, 6 or 8 hexadecimal digits) | empty | required |
2 | legend | the label of a legend to display after the colored box (if it is set, it will be followed by a colon and the color name) | empty | optional |
Additional information
The template is intended to be used in the following namespaces: no namespace specified
The template is intended to be used by the following user groups: no user group specified
See also
Category:Templates using an unknown approach for internationalisationExamples
| This code... | Yields... |
|---|---|
{{ColorSample|purple|This is the purplest purple ever}} |
This is the purplest purple ever: purple |
{{ColorSample|purple}} |
|
{{ColorSample|#E00|Warnings are usually colored like this}} |
Warnings are usually colored like this: #E00 |
{{ColorSample|#000}}{{ColorSample|#006}}{{ColorSample|#039}}{{ColorSample|#36C}}{{ColorSample|#69F}}{{ColorSample|#9CF}}{{ColorSample|#CEF}}{{ColorSample|#DFF}}{{ColorSample|#FFF}}{{ColorSample|transparent}} |
Demonstration with all web colors
- Colors defined by this template
- amber: amber
- cream: cream
- vermilion: vermilion
- Standard CSS3-defined color
- RebeccaPurple: rebeccapurple
- Standard HTML5-defined colors
- MediumVioletRed: mediumvioletred
- DeepPink: deeppink
- PaleVioletRed: palevioletred
- RosyBrown: rosybrown
- HotPink: hotpink
- LightPink: lightpink
- Pink: pink
- MistyRose: mistyrose
- DarkRed: darkred
- Firebrick: firebrick
- Crimson: crimson
- IndianRed: indianred
- Salmon: salmon
- DarkSalmon: darksalmon
- LightCoral: lightcoral
- LightSalmon: lightsalmon
- Coral: coral
- Tomato: tomato
- Red: red
- OrangeRed: orangered
- DarkOrange: darkorange
- Orange: orange
- Gold: gold
- Yellow: yellow
- PeachPuff: peachpuff
- PaleGoldenrod: palegoldenrod
- Moccasin: moccasin
- PapayaWhip: papayawhip
- LightGoldenrodYellow: lightgoldenrodyellow
- LemonChiffon: lemonchiffon
- LightYellow: lightyellow
- Ivory: ivory
- Maroon: maroon
- Brown: brown
- SaddleBrown: saddlebrown
- Sienna: sienna
- Chocolate: chocolate
- DarkGoldenrod: darkgoldenrod
- Peru: peru
- DarkKhaki: darkkhaki
- Tan: tan
- Burlywood: burlywood
- Goldenrod: goldenrod
- SandyBrown: sandybrown
- Khaki: khaki
- Wheat: wheat
- NavajoWhite: navajowhite
- Bisque: bisque
- BlanchedAlmond: blanchedalmond
- Cornsilk: cornsilk
- Indigo: indigo
- Purple: purple
- DarkMagenta: darkmagenta
- DarkViolet: darkviolet
- DarkSlateBlue: darkslateblue
- BlueViolet: blueviolet
- DarkOrchid: darkorchid
- Fuchsia: fuchsia
- Magenta: magenta
- SlateBlue: slateblue
- MediumSlateBlue: mediumslateblue
- MediumOrchid: mediumorchid
- MediumPurple: mediumpurple
- Orchid: orchid
- Violet: violet
- Plum: plum
- Thistle: thistle
- Lavender: lavender
- MidnightBlue: midnightblue
- Navy: navy
- DarkBlue: darkblue
- MediumBlue: mediumblue
- Blue: blue
- RoyalBlue: royalblue
- SteelBlue: steelblue
- DodgerBlue: dodgerblue
- DeepSkyBlue: deepskyblue
- CornflowerBlue: cornflowerblue
- SkyBlue: skyblue
- LightSkyBlue: lightskyblue
- LightSteelBlue: lightsteelblue
- LightBlue: lightblue
- PowderBlue: powderblue
- Teal: teal
- DarkCyan: darkcyan
- LightSeaGreen: lightseagreen
- CadetBlue: cadetblue
- DarkTurquoise: darkturquoise
- MediumTurquoise: mediumturquoise
- Turquoise: turquoise
- Aqua: aqua
- Cyan: cyan
- Aquamarine: aquamarine
- PaleTurquoise: paleturquoise
- LightCyan: lightcyan
- DarkGreen: darkgreen
- Green: green
- DarkOliveGreen: darkolivegreen
- ForestGreen: forestgreen
- SeaGreen: seagreen
- Olive: olive
- OliveDrab: olivedrab
- MediumSeaGreen: mediumseagreen
- LimeGreen: limegreen
- Lime: lime
- SpringGreen: springgreen
- MediumSpringGreen: mediumspringgreen
- DarkSeaGreen: darkseagreen
- MediumAquamarine: mediumaquamarine
- YellowGreen: yellowgreen
- LawnGreen: lawngreen
- Chartreuse: chartreuse
- LightGreen: lightgreen
- GreenYellow: greenyellow
- PaleGreen: palegreen
- AntiqueWhite: antiquewhite
- Linen: linen
- Beige: beige
- WhiteSmoke: whitesmoke
- LavenderBlush: lavenderblush
- OldLace: oldlace
- AliceBlue: aliceblue
- Seashell: seashell
- GhostWhite: ghostwhite
- Honeydew: honeydew
- FloralWhite: floralwhite
- Azure: azure
- MintCream: mintcream
- Snow: snow
- White: white
- Black: black
- DarkSlateGray: darkslategray
- DimGray: dimgray
- SlateGray: slategray
- Gray: gray
- LightSlateGray: lightslategray
- DarkGray: darkgray
- Silver: silver
- LightGray: lightgray
- Gainsboro: gainsboro