Para obtener colores vivos y brillantes para pintar a las gráficas podemos basarnos en los siguientes hechos:
El espectro de colores brillantes es el siguiente:

Los colores en este espectro se caracterizan por que en su composición, uno de los 3 colores primarios esta en su valor máximo (FF), otro al minimo (00) y el otro varia entre el mínimo y el máximo valor.
Por tanto el codigo HTML de un color vivo se puede representar como la permutación de 3 caracteres (FF, 00 y otro aleatorio).
Para simular estas permutaciones podemos establecer el array de caracteres de la siguiente forma:
var num=(Math.floor(Math.random()*4)*4).toString(16);
var letters = ['0','F',num];
se puede usar '0' y 'F' en lugar de '00' y 'FF' ya que un color HTML también se puede representar con 3 caracteres, luego el valor de num
variara entre 0,4,8 y C hexadecimal (se hace esta separación para que exista mas contraste entre los colores).
Luego obtenemos la permutación extraendo un carácter del array de forma aleatoria para agregarlo a la cadena color
:
for (var i = 0; i < 3; i++ ) {
let pos=Math.floor(Math.random() * letters.length);
color += letters[pos];
letters.splice(pos,1);
}
Podemos almacenar los colores que ya se han usado en un array para evitar que se repitan con las siguientes lineas:
if(colores.includes(color))
return getRandomColor();
else
colores.push(color)
De ese modo el código queda de la siguiente forma, en este ejemplo se generan 20 colores vivos distintos de forma aleatoria:
var colores=[];
function getRandomColor() {
var num=(Math.floor(Math.random()*4)*4).toString(16);
var letters = ['0','F',num];
var color = '#';
for (var i = 0; i < 3; i++ ) {
let pos=Math.floor(Math.random() * letters.length);
color += letters[pos];
letters.splice(pos,1);
}
//para evitar que se repitan colores
if(colores.includes(color))
return getRandomColor();
else
colores.push(color)
var str = "<div style='background-color:"+color+"'><button id='b1'>hola</button></div>"
document.getElementById('colores').innerHTML+=str;
return color;
}
for(i=0;i<20;i++)
console.log(getRandomColor());
<div id="colores">
</div>
Y de esa forma se pueden generar colores llamativos evitando colores apagados, grises, blancos y negros, saludos.