TemplateStyles' src attribute must not be empty.

  • {{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}}}} → <span class="mw-no-invert" style="display:block;padding:0;width:1em;height:1em;background:Lua error in package.lua at line 80: module 'Module:Political party/I' not found.;color:inherit;"> 
    (Instead of specifying a color directly, this example uses {{party color|Independent politician}}, which generates Lua error in package.lua at line 80: module 'Module:Political party/I' not found..)

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

beccè'