color span is not updating after changing the sliders

Hi

i want to change to the color span background as per the input values, but it could not work. when i try to see the values of rgb in the console it is showing me the result as rgba(0,0,0,0)

var color = $('.selected').css('background-color');

//when clicking on control list items $('.controls li').click(function(){

//deselct the siblings $(this).siblings().removeClass('selected'); //select the clicked $(this).addClass('selected'); color = $(this).css('background-color'); });

//when new color is pressed. $('#revealColorSelect').click(function(){

//show color select span or hide the color select $('#colorSelect').toggle('slow');

});

//when color slider change. $('input[type=range]').change(function(){

var r = $('#red').val(); var g = $('#green').val(); var b = $('#blue').val(); //update the new color span. $('#newColor').css('background-color', 'rgb(" + r + "," + g + "," + b + " )'); var color = $('#newColor').css('background-color'); console.log(color); });

//when add color button is clicked. //append the new color to the controls list //select the new color.

//on mouse events on the canvas. // draw lines.