var $red = 0;

  function changeRedNumboxValue(value) {

     var $numBox = $('#redNumber');

     $red = value;

     $numBox.val($red);

     console.log($red);

   }

   function changeRedSliderVal(value) {

     var $slider = $('#red');

     $red = value;

     $slider.val($red);

     console.log($red);

   }

​

   var $green = 0;

   function changeGreenNumboxValue(value) {

      var $numBox = $('#greenNumber');

      $green = value;

      $numBox.val($green);

      console.log($green);

    }

    function changeGreenSliderVal(value) {

      var $slider = $('#green');

      $green = value;

      $slider.val($green);

      console.log($green);

    }

​

    var $blue = 0;

    function changeBlueNumboxValue(value) {

       var $numBox = $('#blueNumber');

       $blue = value;

       $numBox.val($blue);

       console.log($blue);

​

     }

     function changeBlueSliderVal(value) {

       var $slider = $('#blue');

       $blue = value;

       $slider.val($blue);

       console.log($blue);

     }

  //CONVERT RGB TO HEX

  function rgbToHex() {

    $hexRed = $red.toString(16);

    $hexGreen = $green.toString(16);

    $hexBlue = $blue.toString(16);

    console.log($hexRed);

    console.log($hexGreen);

    console.log($hexBlue);

    return '#' + $hexRed + $hexGreen + $hexBlue;

  }

  //UPDATE COLOR BASED ON HEX VALUES

  function updateColor() {

    $colorChosen = $('#color-chosen');

    $color = rgbToHex();

    $colorChosen.css('background-color', $color);

  }

  updateColor();