Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Color sample/doc

From Wikipedia, the free encyclopedia

Usage

[edit]
  • {{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

[edit]