Comment générer aléatoirement des codes de couleur hexadécimaux HTML à l'aide de JavaScript ?

Question

Duplicata possible : Générateur de couleurs aléatoires en Javascript

J'ai des données que j'aimerais afficher dans différentes couleurs et je veux générer les couleurs de manière aléatoire si possible. Comment puis-je générer le code couleur hexadécimal à l'aide de JavaScript ?

Answer 1

Cela générera un nombre aléatoire dans les limites et le convertira en hexadécimal. Il est ensuite complété par des zéros afin qu'il s'agisse toujours d'un code hexadécimal à six chiffres valide.

 '#'+(Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, '0');

Answer 2

Il existe une variété de méthodes dans l'article de blog Générateur de code de couleur hexadécimal aléatoire en JavaScript . Vous devez remplir avec des zéros lorsque la valeur aléatoire est inférieure à 0×100000 , voici donc la version correcte :

 var randomColor = "#000000".replace(/0/g,function(){return (~~(Math.random()*16)).toString(16);});

Cela remplace chacun des six 0 s par un chiffre hexadécimal aléatoire, il est donc sûr de se retrouver avec une valeur de couleur valide complète à six chiffres.