https://elite.mistflux.co.uk/w/index.php?action=history&feed=atom&title=Template%3AColor_sample%2FdocTemplate:Color sample/doc - Revision history2026-11-01T03:29:09ZRevision history for this page on the wikiMediaWiki 1.46.2https://elite.mistflux.co.uk/w/index.php?title=Template:Color_sample/doc&diff=112106&oldid=prevWikipedia>Andrybak: /* Usage */ copyedit /* Parameters */ new section2026-09-05T13:51:11Z<p><span class="autocomment">Usage: </span> copyedit <span class="autocomment">Parameters: </span> new section</p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --><br />
== Usage ==<br />
* {{tlc|_show_result=true|Color sample|red}}<br />
* {{tlc|_show_result=true|Color sample|#00FF00}}<br />
* {{tlc|_show_result=true|Color sample|#00FF00|description{{=}}green}}<br/>Adds a description of the color for [[screen reader]] users<br />
* {{tlc|Color sample|&#123;&#123;party color{{!}}Independent politician&#125;&#125;}}&nbsp;→&nbsp;{{Color sample|{{party color|Independent politician}}}}<br/>(Instead of specifying a color directly, this example uses <code><nowiki>{{party color|Independent politician}}</nowiki></code>, which generates <code>{{party color|Independent politician}}</code>.)<br />
<br />
'''Size option:'''<br />
* 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:<br><br />
*:<nowiki>{{Color sample|#008000}}</nowiki> or <nowiki>{{Color sample|#008000|1}}</nowiki> gives: {{Color sample|#008000}}<br />
*:<nowiki>{{Color sample|#008000|0.5}}</nowiki> gives: {{Color sample|#008000|0.6}}<br />
*:<nowiki>{{Color sample|#008000|0.2}}</nowiki> gives: {{Color sample|#008000|0.2}}<br />
<br />
==Parameters==<br />
;{{Parameter|1|<var>CSS color</var>}}<br />
:The color of the sample. See [[Web colors]].<br />
;{{Parameter|2|<var>number</var>}}<br />
:Size of the box in [[Em (typography)#CSS|<code>em</code> units]]. Examples: {{tlc|_show_result=true|Color sample|purple|0.5}}, {{tlc|_show_result=true|Color sample|purple|1.5}}<br />
;{{Parameter|w|<var>number</var>}} and {{Parameter|h|<var>number</var>}}<br />
:An alternative to {{Parameter|2}} to specify the width and height separately.<br />
;{{Parameter|border-color|<var>CSS color</var>}}<br />
:The color of the border. Examples: {{tlc|_show_result=true|Color sample|purple|border-color{{=}}orange}}, {{tlc|_show_result=true|Color sample|purple|border-color{{=}}#0FF}}<br />
;{{Parameter|border-width|<var>CSS size</var>}}<br />
:The width of the border around the color sample. Examples: {{tlc|_show_result=true|Color sample|purple|border-width{{=}}3px}}, {{tlc|_show_result=true|Color sample|purple|border-width{{=}}0.15cm}}<br />
;{{Parameter|description|<var>text</var>}}<br />
:An override of the text for the <code>title</code> [[HTML attribute]]. Shows up as a tooltip when a mouse cursor is hovering over the color sample. When hovered over, the template shows the value used for color as a tooltip by default. This is also heard by a screen reader. This parameter can be used to change that to something more user-friendly. Double quotations must be escaped as an [[HTML character entity]] <code>&amp;quot;</code>.<br />
<br />
==See also==<br />
*[[Template:Swatch inline]]<br />
*[[Template:Swatch]]<br />
*[[Lists of colors]]<br />
*[[Web colors]]<br />
<br />
<includeonly>{{Sandbox other||<br />
<!-- Categories below this line, please; interwikis at Wikidata --><br />
[[Category:Color templates]]<br />
}}</includeonly></div>Wikipedia>Andrybak