A canvas rgba() example

function canvasReady() {
  draw(document.getElementById('canvas').getContext('2d'));
}
function draw(ctx) {
  ctx.fillStyle = 'rgb(100%,86.6%,0)';
  ctx.fillRect(0,0,150,37.5);
  ctx.fillStyle = 'rgb(40%,80%,0)';
  ctx.fillRect(0,37.5,150,37.5);
  ctx.fillStyle = 'rgb(0,60%,100%)';
  ctx.fillRect(0,75,150,37.5);
  ctx.fillStyle = 'rgb(100%,20%,0)';
  ctx.fillRect(0,112.5,150,37.5);

  var i, j;
  for (i=0;i<10;i++){
    ctx.fillStyle = 'rgba(100%,100%,100%,'+(i+1)/10+')';
    for (j=0;j<4;j++){
      ctx.fillRect(5+i*14,5+j*37.5,14,27.5)
    }
  }
}