title: is it possible to change the colors on parts of an image using jquery, css, etc
body: <p>i have an image that shows different fireworks.  I want to make the colors configurable so there is a combobox that says:</p>
  
  <ol>
  <li>USA (which should color the fireworks red, white and blue)  </li>
  <li>St Patricks Day  (which should color the fireworks various shades of green . .</li>
  <li>etc  . .</li>
  </ol>
  
  <p>and i want it to look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/n1k1N.jpg" alt=""></p>
  
  <p>or this:</p>
  
  <p><img src="https://i.stack.imgur.com/0o1Dg.jpg" alt="enter image description here"></p>
  
  <p>the fireworks are all a single image right now and i would want to "intermingle" the selected color (so for #1 above, it shows red, white and blue all sitting side by side. (compared to the left side of the image is all blue, the right side is all red, etc.  .)</p>
  
  <p>so i have an image and i have two choices:</p>
  
  <ol>
  <li>Create a seperate image for every example in the dropdown.</li>
  <li>See if there is a way to dynamically change colors of parts of an image within an html page</li>
  <li>other suggestions ??</li>
  </ol>
  
  <p>i wanted to get feedback on if #2 was possible or i should stick with #1.  obviously as the list gets longer, #1 becomes more annoying and #2 is more appealing (if its possible)</p>