document.addEventListener('mousemove', function(event) { // Posición horizontal del mouse (0 a ancho de pantalla) let x = event.clientX; // Posición vertical del mouse (0 a alto de pantalla) let y = event.clientY; // Convertimos x en un valor de 0 a 360 (matiz del color) let hue = Math.round((x / window.innerWidth) * 360); // Convertimos y en saturación (30% a 100%) let saturation = Math.round(30 + (y / window.innerHeight) * 70); // Luminosidad fija let lightness = 60; });