Edit in JSFiddle

<div id="clock"></div>
#clock {
  width:500px;
  height:50px;
}
/**
 * для вопроса https://toster.ru/q/649963
 * Как сделать из данного времени код в формате HEX?
 */ 
const div = document.getElementById("clock");

const update = () => {
  const D = new Date();
  const RR = hex(map(D.getHours()  , 23, 255));
  const GG = hex(map(D.getMinutes(), 59, 255));
  const BB = hex(map(D.getSeconds(), 59, 255));
  const css = '#'+RR+GG+BB;
  div.innerText = css;
  document.body.style.backgroundColor = css;
}

const map = (n, maxIn, maxOut) => Math.floor(maxOut * n / maxIn);
const hex = n => ('0' + n.toString(16)).substr(-2);

update();
const timer = window.setInterval(update, 1000);