Template:Color sample
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 generates#DCDCDC.)
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.
See also
- Template:Swatch inline
- Template:Swatch
- Lists of colors
- Web colors