Probleme java-script rgb vers hexadecimal

let valeur_rouge = 0;
let zoneRouge = document.getElementById("chiffre_rouge");

function fct_saisie_valeur_rouge(){
  if (isNaN(saisie_rouge.value)) {
      alert("Veuillez ecrire un nombre");
   } else {
       valeur_rouge = parseInt(saisie_rouge.value,10);
       zoneRouge.innerHTML = valeur_rouge;
       fct_change_couleur();
   }
   if (valeur_rouge > 255){
    alert("vous ne pouvez que entrer des nombre de 0 à 255");
    valeur_rouge = 255 ;
    zoneRouge.innerHTML = valeur_rouge;
   }
   if (valeur_rouge < 0){
    alert("vous ne pouvez que entrer des nombre de 0 à 255");
    valeur_rouge = 0 ;
    zoneRouge.innerHTML = valeur_rouge;
   }
}
let saisie_rouge = document.getElementById("text_rouge");
saisie_rouge.addEventListener("change",fct_saisie_valeur_rouge);


function augmentation_rouge(){
    valeur_rouge = valeur_rouge + 1;
    zoneRouge.innerHTML = valeur_rouge;
    if (valeur_rouge > 255){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_rouge = 255 ;
    }
     zoneRouge.innerHTML = valeur_rouge;
    fct_change_couleur();
  }
 let bouton_rouge_plus = document.getElementById("rouge+");
 bouton_rouge_plus.addEventListener("click",augmentation_rouge);

 
 function diminution_rouge(){
    valeur_rouge = valeur_rouge - 1;
    zoneRouge.innerHTML = valeur_rouge;
    if (valeur_rouge < 0){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_rouge = 0 ;
    }
     zoneRouge.innerHTML = valeur_rouge;
    fct_change_couleur();
  }
 let bouton_rouge_moins = document.getElementById("rouge-");
 bouton_rouge_moins.addEventListener("click",diminution_rouge,);
let boite_coloree = document.getElementById("boite_couleur")


function fct_change_couleur(){
    debutRVB = "rgb(" ;
 codeRVB = debutRVB.concat(valeur_rouge,",",valeur_vert,",",valeur_bleu,")");
 boite_coloree.style.backgroundColor = codeRVB;
}

let valeur_vert = 0;
let zoneVert = document.getElementById("chiffre_vert");

function fct_saisie_valeur_vert(){
    if (isNaN(saisie_vert.value)) {
        alert("Veuillez ecrire un nombre");
     } else {
         valeur_vert = parseInt(saisie_vert.value,10);
         zoneVert.innerHTML = valeur_vert;
         fct_change_couleur();
     }
     if (valeur_vert > 255){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_vert = 255 ;
      zoneVert.innerHTML = valeur_vert;
     }
     if (valeur_vert < 0){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_vert = 0 ;
      zoneVert.innerHTML = valeur_vert;
     }
  }


  let saisie_vert = document.getElementById("text_vert");
  saisie_vert.addEventListener("change",fct_saisie_valeur_vert)
  
  function augmentation_vert(){
      valeur_vert = valeur_vert + 1;
      zoneVert.innerHTML = valeur_vert;
      if (valeur_vert > 255){
        alert("vous ne pouvez que entrer des nombre de 0 à 255");
        valeur_vert = 255 ;
      }
       zoneVert.innerHTML = valeur_vert;
      fct_change_couleur();
    }
   let bouton_vert_plus = document.getElementById("vert+");
   bouton_vert_plus.addEventListener("click",augmentation_vert);
  
  

  function diminution_vert(){

    valeur_vert = valeur_vert - 1;
    zoneVert.innerHTML = valeur_vert;
    if (valeur_vert < 0){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_vert = 0 ;
    }
     zoneVert.innerHTML = valeur_vert;
     fct_change_couleur();
    }
  let bouton_vert_moins = document.getElementById("vert-");
  bouton_vert_moins.addEventListener("click",diminution_vert);


let valeur_bleu = 0;
let zoneBleu = document.getElementById("chiffre_bleu");

function fct_saisie_valeur_bleu(){
    if (isNaN(saisie_bleu.value)) {
        alert("Veuillez ecrire un nombre");
     } else {
         valeur_bleu = parseInt(saisie_bleu.value,10);
         zoneBleu.innerHTML = valeur_bleu;
         fct_change_couleur();
     }
     if (valeur_bleu > 255){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_bleu = 255 ;
      zoneBleu.innerHTML = valeur_bleu;
     }
     if (valeur_bleu < 0){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_bleu = 0 ;
      zoneBleu.innerHTML = valeur_bleu;
     }
  }


let saisie_bleu = document.getElementById("text_bleu");
saisie_bleu.addEventListener("change",fct_saisie_valeur_bleu)
  
  function augmentation_bleu(){
      valeur_bleu = valeur_bleu + 1;
      zoneBleu.innerHTML = valeur_bleu;
      if (valeur_bleu > 255){
        alert("vous ne pouvez que entrer des nombre de 0 à 255");
        valeur_bleu = 255 ;
      }
       zoneBleu.innerHTML = valeur_bleu;
       fct_change_couleur();
      }
   let bouton_bleu_plus = document.getElementById("bleu+");
   bouton_bleu_plus.addEventListener("click",augmentation_bleu);
  
   
  function diminution_bleu(){

    valeur_bleu = valeur_bleu - 1;
    zoneBleu.innerHTML = valeur_bleu;
    if (valeur_bleu < 0){
      alert("vous ne pouvez que entrer des nombre de 0 à 255");
      valeur_bleu = 0 ;
    }
     zoneBleu.innerHTML = valeur_bleu;
     fct_change_couleur();
    }
  let bouton_bleu_moins = document.getElementById("bleu-");
  bouton_bleu_moins.addEventListener("click",diminution_bleu);
  document.body.style.backgroundColor = "rgb(164,191,209)";

   let valeur_Hexa_Hexadecimale_rouge = zoneRouge.toString(16); 
   let valeur_Hexa_Decimale = document.getElementById("valeur");   

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Mélangeur</title>
<link rel="stylesheet" href="stylecss.css" type="text/css">
<link rel="stylesheet"href="boite_couleur.css">
<script src="massi.js" async></script>
</head>
<body>
    <h1>Mélangeur de couleur</h1>
    <p1>Entrez les valeur dans champ de saisie:</p1>
    </br>
    <p2>R: <input id="text_rouge" type="text"/><button id="rouge+">+</button> <button id="rouge-">-</button>  
    → <span id="chiffre_rouge">0</span></p2>
    </br>
    <p3>V: <input id="text_vert" type="text"/><button id="vert+">+</button> <button id="vert-">-</button>
        → <span id="chiffre_vert">0</span></p3>
    </br>
    <p4>B: <input id="text_bleu" type="text"/><button id="bleu+">+</button> <button id="bleu-">-</button>
        → <span id="chiffre_bleu">0</span></p4>    
    </br>
    <p1> Le code couleur Hexadécimal résultant:#<span id="valeur">FFFFF</span></p1>
    </br>
    <div id="boite_couleur"></div>

</body>
</html>

#boite_couleur {
 background-color : white;
    height : 100px;
 width : 300px;
    border: 3px black solid;
}