ᥗᥦᥛᥰ ᥙᥣ ᥘᥥᥐᥳ:Swatch
{{{1}}}
ᥚᥪᥢᥴᥐᥦᥛᥴᥛᥪᥰ ᥗᥦᥛᥰᥙᥘᥥᥐᥳThis template generates a color swatch box floating to the right margin.
Parameters
- The color code in any notation supported by 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
{{Swatch|Blue}}
Blue
{{Swatch|#FFFF00}}
#FFFF00
{{Swatch|rgb(20%, 40%, 60%)}}
rgb(20%, 40%, 60%)
{{Swatch|rgba(20%, 40%, 60%, 80%)}}
rgba(20%, 40%, 60%, 80%)
{{Swatch|rgb(20% 40% 60% / 80%)}}
rgb(20% 40% 60% / 80%)
{{Swatch|hsl(210deg, 40%, 60%)}}
hsl(210deg, 40%, 60%)
{{Swatch|hsl(3.66rad 40% 60%)}}
hsl(3.66rad 40% 60%)
{{Swatch|hsl(0.6turn 40% 60%)}}
hsl(0.6turn 40% 60%)
{{Swatch|hwb(210deg 40% 60%)}}
hwb(210deg 40% 60%)
{{Swatch|Lab(20% 0.4 0.6)}}
Lab(20% 0.4 0.6)
{{Swatch|Lch(40% 0.6 210deg)}}
Lab(50% 0.8 210deg)
See also
- {{color sample}} – small colored box:
- {{swatch inline}} – mostly for use on talk pages when discussing color: red
- {{color swatch}} – similar to {{swatch}} but with multiple parameters
- {{coltit}} – colored table header cell