Este es un ejemplo básico de como generar un color de forma aleatoria con javascript en "una sola linea de código."

function getColor(){
  return '#' + ['1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'].sort( () => .5 - Math.random() ).slice(0,6).join('')
}

¿Cómo funciona el código?

El código proporciona una manera sencilla de generar un color hexadecimal aleatorio cada vez que se llama a la función getColor.

Desglose del código

Específicamente, el código realiza los siguientes pasos:

  • Define la función getColor.
  • return '#' inicia la cadena de texto resultante con el símbolo #, necesario para los colores hexadecimales.
  • Una lista de caracteres válidos en los colores hexadecimales (dígitos del 1 al 9 y letras de la A la F) se ordena aleatoriamente usando el método sort() con una función que resta un número aleatorio de 0.5, provocando una desordenación aleatoria.
  • slice(0, 6) toma solo los primeros seis elementos de la lista desordenada.
  • join('') convierte estos seis elementos en una sola cadena.
  • Finalmente, la función devuelve la cadena completa que representa un color hexagonal aleatorio.

Veamos el ejemplo funcional

Ejemplo de como generar colores aleatorios con JS