I dont know why but "#newColor" dosent change...

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

//When clicking on control list items
$(".controls li").click(function(){

  //Deselect sibling elements
  $(this).siblings().removeClass("selected");

  //Select clicked element 
  $(this).addClass("selected");

  color = $(this).css("background-color");
  console.log(color);
});


//When new color is pressed
$("#revealColorSelect").click(function(){

  //Show color select or hide the color select
  changeColor();
  $('#colorSelect').toggle();
});

//update the new color span
function changeColor() {
  var r = $("#red").val();
  var g = $("#green").val();
  var b = $("#blue").val();

  $("#newСolor").css("background-color", "rgb(" + r + "," + g + "," + b + ")" );
}

$("input[type=range]").change(changeColor);