<body>
<input type="color" id="color" value="#c1e0ff" />
</body>
<script>
const color = document.querySelector('#color')
const div = document.body
color.addEventListener('input', () => {
div.style.backgroundColor = color.value
})
color.dispatchEvent(new Event('input'));
</script>