Template:Color sample: Difference between revisions
Template page
More actions
Created page with "<span style="display:inline-block;border:1.62px solid {{{border|black}}};vertical-align:text-top;" title="{{title case|{{{description|{{{1}}}}}}}}"><span class="mw-no-invert" style="display:block;padding:0;width:{{{2|1}}}em;height:{{{2|1}}}em;background:{{{1}}};color:inherit;"> </span></span><noinclude> {{Documentation}} <!-- Categories go on the /doc subpage, and interwikis go on Wikidata. --> </noinclude>" |
(No difference)
|
Latest revision as of 21:16, 15 February 2025
Usage
{{Color sample|red}}→{{Color sample|#00FF00}}→{{Color sample|#00FF00|description=green}}→
Adds a description of the color for screen reader users{{Color sample|{{party color|Independent politician}}}}→
(Instead of specifying a color directly, this example uses{{party color|Independent politician}}, which generatesTemplate:Party color.)
Size option:
- A second parameter allows to define the size of the square: 1 is large (default), 0.6 is quite small, 0.2 is minuscule. Examples:
- {{Colorsample|#008000}} or {{Colorsample|#008000|1}} gives:
- {{Colorsample|#008000|0.5}} gives:
- {{Colorsample|#008000|0.2}} gives:
Note: When hovered over, the template shows the value used for color as a tooltip by default. This is also heard by a screen reader. An optional parameter, |description= can be used to change that to something more user-friendly, as shown in the third example.