|  | HTML |  |

|  | Splash! |  |

|  | PostScript |  |

| Template Toolkit Examples: HTML Library: RGB Colours |

|  | index |  |

|  | rgb |  |

|  | headers |  |

|  | lists |  |

|  | links |  |

|  | tables |  |

|  | bars |  |

|  | menus |  |

# RGB Colours

The html/rgb file defines an 'rgb' hash array which contains RGB triples for various colours. It also defines a number of hash arrays within the parent hash that contain dark, mid and light colours of a particular shade.

Source #1:

    [% PROCESS html/rgb %]
    [% rgb.marine %]

Output #1:

#0066cc

Source #2:

    [% PROCESS html/rgb %]

    <b>Colours:</b>
    <ul>
    <table border=0>
    [% FOREACH col = rgb.keys.sort -%]
       [%- NEXT IF rgb.${col}.keys # skip hashes %]
    <tr>
      <td bgcolor="[% rgb.white %]">
      <b>[% col %]</b>
      </td>
      <td bgcolor="[% rgb.$col %]">
      [% '&nbsp;' | repeat(5) %]
      </td>
      <td bgcolor="[% rgb.white %]">
      ([% rgb.$col %])
      </td>
    </tr>
    [% END -%]
    </table>
    </ul>

Output #2:

Colours:

aqua |  | (#3399cc)
black |  | (#000000)
blood |  | (#800000)
blue |  | (#0000ff)
blue25 |  | (#000040)
blue50 |  | (#000080)
blue75 |  | (#0000c0)
bud |  | (#66aa66)
green |  | (#00ff00)
green25 |  | (#004000)
green50 |  | (#008000)
green75 |  | (#00c000)
grey25 |  | (#404040)
grey50 |  | (#808080)
grey75 |  | (#c0c0c0)
leaf |  | (#006400)
lilac |  | (#9797ff)
marine |  | (#0066cc)
mauve |  | (#6666cc)
mint |  | (#aaffaa)
navy |  | (#202080)
orange |  | (#fe7202)
purple |  | (#404080)
red |  | (#ff0000)
red25 |  | (#400000)
red50 |  | (#800000)
red75 |  | (#c00000)
rose |  | (#f08080)
scarlet |  | (#c04040)
sky |  | (#66ccff)
white |  | (#ffffff)

Source #3:

    [% rgb.blue.mid %] == [% rgb.marine %] == #0066cc

Output #3:

== #0066cc == #0066cc

Source #4:

    <table border=0>
    [%- FOREACH col = ['grey' 'red' 'green' 'blue' 'lavender'] %]
    <tr>
      <td bgcolor="[% rgb.white %]">
      <b>[% col %]</b>
      </td>
      [%- FOREACH shade = ['dark' 'mid' 'light'] %]
      <td bgcolor="[% rgb.${col}.${shade} %]">
      [% shade %] [% col %]<br>(rgb.[% col %].[% shade %])
      </td>
      [%- END %]
    </tr>
    [%- END %]
    </table>
    </ul>

Output #4:

grey | dark grey (rgb.grey.dark) | mid grey (rgb.grey.mid) | light grey (rgb.grey.light)
red | dark red (rgb.red.dark) | mid red (rgb.red.mid) | light red (rgb.red.light)
green | dark green (rgb.green.dark) | mid green (rgb.green.mid) | light green (rgb.green.light)
blue | dark blue (rgb.blue.dark) | mid blue (rgb.blue.mid) | light blue (rgb.blue.light)
lavender | dark lavender (rgb.lavender.dark) | mid lavender (rgb.lavender.mid) | light lavender (rgb.lavender.light)