As the graphic is a vertical one you could, 4 example: cut every segment in a .gif or .png image. And (with perl) use a table to fix them in every cell of the same column. Those segments might be transparent with only their particular white background. Later, every table´s cell would have a different class name that would address to certain characteristics in it's background color. But since the picture's background color is always white, and only the solid is transparent. By changing the cell's background, programatically, you could change the segment's color.
Your script should change the CSS class color, and by this, you might change that segment's color. Or you might need to change several classes' colors, and that is the same effect with a lot of table cells with that same color.
Are you posting in the right place? Check out Where do I post X? to know for sure.
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big>
<blockquote> <br /> <dd>
<dl> <dt> <em> <font>
<h1> <h2> <h3> <h4>
<h5> <h6> <hr /> <i>
<li> <nbsp> <ol> <p>
<small> <strike> <strong>
<sub> <sup> <table>
<td> <th> <tr> <tt>
Snippets of code should be wrapped in
<code> tags not
<pre> tags. In fact, <pre>
tags should generally be avoided. If they must
be used, extreme care should be
taken to ensure that their contents do not
have long lines (<70 chars), in order to prevent
horizontal scrolling (and possible janitor
Want more info? How to link
or How to display code and escape characters
are good places to start.