Template:Swatch

From Sugar Labs
Jump to navigation Jump to search
#{{{1}}}

This template makes an rgb color swatch, as css colors. On Windows these will appear as sRGB. They will not look correct on a Mac.

It takes 3 positional arguments, hex rgb color and an optional text color (default black), and an optional title/content string, b = border

Sample usage

 {{swatch | background_color_hex | color_hex | title_text 
          | w = width_em / defaults to 1.5em 
          | b = border / defaults to 0}}
{{swatch | FFFFFF | B5B5B5 | 255 255 255 | w = 6em}}
255 255 255
{{swatch | 54E2AE | 616161 | 84 226 174}}
84 226 174
{{swatch | 138C68 | 222222 | 19 140 104}}
19 140 104