Así que estoy probando una función simple dentro de HTML que cambiará el estilo a un color aleatorio de una matriz. Lo he aleatorizado con éxito, pero solo devuelve el valor del índice y no el valor de la cadena de índice. La consola cree que quiero 3 en lugar de "radial-gradient(#8FA19E, #0A917B)" . ¿Cómo puedo cambiarlo al valor correcto?

 const colorBtn = document.querySelector("button") function changeColor(){ let colors = [ "radial-gradient(#DE0404, #EBDFDF)", "radial-gradient(#CDD663, #050504)", "linear-gradient(#B4C2B2, #092B04)", "radial-gradient(#8FA19E, #0A917B)", "linear-gradient(#161617, #2A07DB)", "radial-gradient(#524D51, #FF00CC)", ] const randomColor = Math.floor(Math.random() * colors.length) document.querySelector("body").style.background = `${randomColor}` console.log(`${randomColor}`) } colorBtn.addEventListener('click', changeColor)