Choose a color to color the below text <input id="color_picker" type="color" onchange="showHex();"> <span id="color_hex_value"></span>
  <h1>COLOR ME !</h1>

body{
  font-family: "bookman old style";
}

function showHex(){
      var hex =  document.querySelector("#color_hex_value"),
          h1 = document.querySelector("h1");
    
      h1.style.color = document.querySelector("#color_picker").value;
    }