如何从颜色选择器获取RGB值并显示它们？

<input type="color" id="colorPicker">
<div id="rgbValue"></div>

const colorPicker = document.getElementById('colorPicker');
const rgbValue = document.getElementById('rgbValue');

colorPicker.addEventListener('input', function() {
  const color = colorPicker.value;
  const rgb = hexToRgb(color);
  rgbValue.textContent = `RGB: ${rgb.r}, ${rgb.g}, ${rgb.b}`;
});

function hexToRgb(hex) {
  const bigint = parseInt(hex.substring(1), 16);
  const r = (bigint >> 16) & 255;
  const g = (bigint >> 8) & 255;
  const b = bigint & 255;
  return { r, g, b };
}

#colorPicker {
  width: 100px;
  height: 30px;
}

#rgbValue {
  margin-top: 10px;
  font-size: 18px;
}