<script type=text/javascript src=graphic-canvas-util-pixastic-pixastic-jquery.js></script>
  <script type=text/javascript src=graphic-canvas-util-pixastic-pixastic-custom.js></script>
  <script type="text/javascript">
  var hist = {};
  function process(img) {
          img2=Pixastic.process(img, "colorhistogram", {
                  paint:true,returnValue:hist
          });
          hist.rvals; // <- array[255] red channel
          hist.gvals; // <- array[255] green channel
          hist.bvals; // <- array[255] blue channel
  
                  img2.onmouseout = function() { Pixastic.revert(this); }
          }
  </script>
  <img src="soutine.jpg" onmouseover="process(this);"/>