Template:Swatch - Revision history

Jamintheinfinite at 17:33, 15 September 2020

2020-09-15T17:33:40Z

← Older revision		Revision as of 17:33, 15 September 2020
Line 1:		Line 1:
	<div style="text-align: center;">		<div style="text-align: center;">
	<div style="background-color: {{{1}}}; height: {{{2\|~~75px~~}}}; width: {{{3\|~~75px~~}}}; border: ~~1px~~ solid" title="{{{4\|{{{1}}}}}}">		<div style="background-color: {{{1}}}; height: {{{2\|50px}}}; width: {{{3\|50px}}}; border: 0px solid" title="{{{4\|{{{1}}}}}}">
	</div>		</div>
	</div><noinclude>		</div><noinclude>

Jamintheinfinite at 17:32, 15 September 2020

2020-09-15T17:32:59Z

← Older revision		Revision as of 17:32, 15 September 2020
Line 1:		Line 1:
	<div style="text-align: center;">		<div style="text-align: center;">
	<div style="background-color: {{{1}}}; height: {{{2\|~~50px~~}}}; width: {{{3\|~~50px~~}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">		<div style="background-color: {{{1}}}; height: {{{2\|75px}}}; width: {{{3\|75px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">
	</div>		</div>
	</div><noinclude>		</div><noinclude>

Jamintheinfinite at 17:32, 15 September 2020

2020-09-15T17:32:19Z

← Older revision		Revision as of 17:32, 15 September 2020
Line 2:		Line 2:
	<div style="background-color: {{{1}}}; height: {{{2\|50px}}}; width: {{{3\|50px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">		<div style="background-color: {{{1}}}; height: {{{2\|50px}}}; width: {{{3\|50px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">
	</div>		</div>
	~~<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>~~
	</div><noinclude>		</div><noinclude>

Jamintheinfinite at 17:32, 15 September 2020

2020-09-15T17:32:06Z

← Older revision		Revision as of 17:32, 15 September 2020
Line 1:		Line 1:
	<div style="text-align: center;">		<div style="text-align: center;">
	<div style="background-color: {{{1}}}; height: {{{2\|~~100px~~}}}; width: {{{3\|~~162px~~}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">		<div style="background-color: {{{1}}}; height: {{{2\|50px}}}; width: {{{3\|50px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">
	</div>		</div>
	<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>		<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>
	</div><noinclude>		</div><noinclude>

Jamintheinfinite at 17:31, 15 September 2020

2020-09-15T17:31:41Z

← Older revision		Revision as of 17:31, 15 September 2020
Line 1:		Line 1:
	<div ~~class="floatright"~~ style="text-align: center;">		<div style="text-align: center;">
	<div style="background-color: {{{1}}}; height: {{{2\|100px}}}; width: {{{3\|162px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">		<div style="background-color: {{{1}}}; height: {{{2\|100px}}}; width: {{{3\|162px}}}; border: 1px solid" title="{{{4\|{{{1}}}}}}">
	</div>		</div>
	<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>		<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>
	</div><noinclude>		</div><noinclude>

Jamintheinfinite at 17:30, 15 September 2020

2020-09-15T17:30:49Z

← Older revision		Revision as of 17:30, 15 September 2020
Line 4:		Line 4:
	<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>		<code style="font-style:normal"> {{{title\|{{{4\|{{{1}}}}}}}}} </code>
	</div><noinclude>		</div><noinclude>
	~~{{documentation\|content=~~
	~~This template generates a color swatch box floating to the right margin.~~

	~~== Parameters ==~~

	~~# The color code in any notation supported by [[Cascading Style Sheets\|CSS]].~~
	~~# Height of the swatch box, defaults to 100 pixels.~~
	~~# Width of the swatch box, defaults to 162 pixels.~~
	~~# or ''title'': The caption of the color box, defaults to the color code.~~

	~~== Examples ==~~

	~~=== <nowiki>{{Swatch\|Blue}}</nowiki> ===~~
	~~{{Swatch\|Blue}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|#FFFF00}}</nowiki> ===~~
	~~{{Swatch\|#FFFF00}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|rgb(20%, 40%, 60%)}}</nowiki> ===~~
	~~{{Swatch\|rgb(20%, 40%, 60%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|rgba(20%, 40%, 60%, 80%)}}</nowiki> ===~~
	~~{{Swatch\|rgba(20%, 40%, 60%, 80%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|rgb(20% 40% 60% / 80%)}}</nowiki> ===~~
	~~{{Swatch\|rgb(20% 40% 60% / 80%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|hsl(210deg, 40%, 60%)}}</nowiki> ===~~
	~~{{Swatch\|hsl(210deg, 40%, 60%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|hsl(3.66rad 40% 60%)}}</nowiki> ===~~
	~~{{Swatch\|hsl(3.66rad 40% 60%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|hsl(0.6turn 40% 60%)}}</nowiki> ===~~
	~~{{Swatch\|hsl(0.6turn 40% 60%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|hwb(210deg 40% 60%)}}</nowiki> ===~~
	~~{{Swatch\|hwb(210deg 40% 60%)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|Lab(20% 0.4 0.6)}}</nowiki> ===~~
	~~{{Swatch\|Lab(20% 0.4 0.6)}}~~
	~~{{clear}}~~

	~~=== <nowiki>{{Swatch\|Lch(40% 0.6 210deg)}}</nowiki> ===~~
	~~{{Swatch\|Lab(50% 0.8 210deg)}}~~
	~~{{clear}}~~

	~~==See also==~~

	* {{tl\|color sample}} – small colored box: {{color sample\|red}}
	* {{tl\|swatch inline}} – mostly for use on talk pages when discussing color: {{swatch inline\|red}}
	* {{tl\|color swatch}} – similar to {{tl\|swatch}} but with multiple parameters
	* {{tl\|coltit}} – colored table header cell
	}}

	~~[[Category:Color templates]]~~
	~~</noinclude>~~

Jamintheinfinite: Created page with "

2020-09-15T17:30:15Z

Created page with "<div class="floatright" style="text-align: center;"> <div style="background-color: {{{1}}}; height: {{{2|100px}}}; width: {{{3|162px}}}; border: 1px solid" title="{{{4|{{{1}}}..."

New page
<div class="floatright" style="text-align: center;">
<div style="background-color: {{{1}}}; height: {{{2|100px}}}; width: {{{3|162px}}}; border: 1px solid" title="{{{4|{{{1}}}}}}">
 </div>
<code style="font-style:normal"> {{{title|{{{4|{{{1}}}}}}}}} </code>
</div><noinclude>
{{documentation|content=
This template generates a color swatch box floating to the right margin.

== Parameters ==

# The color code in any notation supported by [[Cascading Style Sheets|CSS]].
# Height of the swatch box, defaults to 100 pixels.
# Width of the swatch box, defaults to 162 pixels.
# or ''title'': The caption of the color box, defaults to the color code.

== Examples ==

=== <nowiki>{{Swatch|Blue}}</nowiki> ===
{{Swatch|Blue}}
{{clear}}

=== <nowiki>{{Swatch|#FFFF00}}</nowiki> ===
{{Swatch|#FFFF00}}
{{clear}}

=== <nowiki>{{Swatch|rgb(20%, 40%, 60%)}}</nowiki> ===
{{Swatch|rgb(20%, 40%, 60%)}}
{{clear}}

=== <nowiki>{{Swatch|rgba(20%, 40%, 60%, 80%)}}</nowiki> ===
{{Swatch|rgba(20%, 40%, 60%, 80%)}}
{{clear}}

=== <nowiki>{{Swatch|rgb(20% 40% 60% / 80%)}}</nowiki> ===
{{Swatch|rgb(20% 40% 60% / 80%)}}
{{clear}}

=== <nowiki>{{Swatch|hsl(210deg, 40%, 60%)}}</nowiki> ===
{{Swatch|hsl(210deg, 40%, 60%)}}
{{clear}}

=== <nowiki>{{Swatch|hsl(3.66rad 40% 60%)}}</nowiki> ===
{{Swatch|hsl(3.66rad 40% 60%)}}
{{clear}}

=== <nowiki>{{Swatch|hsl(0.6turn 40% 60%)}}</nowiki> ===
{{Swatch|hsl(0.6turn 40% 60%)}}
{{clear}}

=== <nowiki>{{Swatch|hwb(210deg 40% 60%)}}</nowiki> ===
{{Swatch|hwb(210deg 40% 60%)}}
{{clear}}

=== <nowiki>{{Swatch|Lab(20% 0.4 0.6)}}</nowiki> ===
{{Swatch|Lab(20% 0.4 0.6)}}
{{clear}}

=== <nowiki>{{Swatch|Lch(40% 0.6 210deg)}}</nowiki> ===
{{Swatch|Lab(50% 0.8 210deg)}}
{{clear}}

==See also==

* {{tl|color sample}} – small colored box: {{color sample|red}}
* {{tl|swatch inline}} – mostly for use on talk pages when discussing color: {{swatch inline|red}}
* {{tl|color swatch}} – similar to {{tl|swatch}} but with multiple parameters
* {{tl|coltit}} – colored table header cell
}}

[[Category:Color templates]]
</noinclude>