Javascript 随机化脚本中的颜色

我有一个脚本，它在刷新页面时为一组数字生成一个随机顺序，我还想随机化数字的颜色（每个数字都有不同的颜色）。也可能是每个数字都有一个固定的颜色，它们只是因为数字变得随机而显得随机。我也不知道该怎么做。非常感谢您的帮助

var contents=new Array()
contents[0]='0'
contents[1]='1'
contents[2]='2'
contents[3]='3'
contents[4]='4'
contents[5]='5'
contents[6]='6'
contents[7]='7'
contents[8]='8'
contents[9]='9'
contents[10]='10'
contents[11]='11'
contents[12]='12'
contents[13]='13'
contents[14]='14'
contents[15]='15'
contents[16]='16'
contents[17]='17'
contents[18]='18'
contents[19]='19'
contents[20]='20'

var spacing="<br />"

var the_one
var z=0

while (z<contents.length){
the_one=Math.floor(Math.random()*contents.length)
if (contents[the_one]!="_selected!"){
document.write(contents[the_one]+spacing)
contents[the_one]="_selected!"
z++
}
}

var contents=new Array（）
内容[0]=“0”
目录[1]=“1”
目录[2]=“2”
目录[3]=“3”
目录[4]=“4”
目录[5]=“5”
目录[6]=“6”
目录[7]=“7”
目录[8]=“8”
目录[9]=“9”
目录[10]=“10”
目录[11]=“11”
目录[12]=“12”
目录[13]=“13”
目录[14]=“14”
目录[15]=“15”
目录[16]=“16”
目录[17]=“17”
目录[18]=“18”
目录[19]=“19”
目录[20]=“20”
var spacing=“
”
你是谁
var z=0
而（z调整如下：

 const c = [1,2,3].map(ele => Math.floor(Math.random() * 216)); 
 document.write(`<span style="color: rgb(${c.join(",")});">${contents[the_one]+spacing}<span>`);

const c=[1,2,3].map（ele=>Math.floor（Math.random（）*216））；
document.write（`${contents[the_one]+space}`）；

见示例：
var contents=new Array（）
内容[0]=“0”
内容[1]=“1”
目录[2]=“2”
目录[3]=“3”
目录[4]=“4”
目录[5]=“5”
目录[6]=“6”
目录[7]=“7”
目录[8]=“8”
目录[9]=“9”
目录[10]=“10”
目录[11]=“11”
目录[12]=“12”
目录[13]=“13”
目录[14]=“14”
目录[15]=“15”
目录[16]=“16”
目录[17]=“17”
目录[18]=“18”
目录[19]=“19”
目录[20]=“20”
var spacing=“
”
你是谁
var z=0
而（zMath.floor（Math.random（）*216））；
document.write（`${contents[the_one]+space}`）；
内容[所选内容]=“所选内容！”
z++
}
}
根据以下内容进行调整：

 const c = [1,2,3].map(ele => Math.floor(Math.random() * 216)); 
 document.write(`<span style="color: rgb(${c.join(",")});">${contents[the_one]+spacing}<span>`);

const c=[1,2,3].map（ele=>Math.floor（Math.random（）*216））；
document.write（`${contents[the_one]+space}`）；

见示例：
var contents=new Array（）
内容[0]=“0”
内容[1]=“1”
目录[2]=“2”
目录[3]=“3”
目录[4]=“4”
目录[5]=“5”
目录[6]=“6”
目录[7]=“7”
目录[8]=“8”
目录[9]=“9”
目录[10]=“10”
目录[11]=“11”
目录[12]=“12”
目录[13]=“13”
目录[14]=“14”
目录[15]=“15”
目录[16]=“16”
目录[17]=“17”
目录[18]=“18”
目录[19]=“19”
目录[20]=“20”
var spacing=“
”
你是谁
var z=0
而（zMath.floor（Math.random（）*216））；
document.write（`${contents[the_one]+space}`）；
内容[所选内容]=“所选内容！”
z++
}
}
编辑：重新阅读这个问题，它有不同的需求。但我将把这个答案留在这里，因为它解释了如何在JavaScript中获得随机颜色（实际主题）

以下是创建随机十六进制颜色值所需的函数：


const getRandomHex=（）=>Math.floor（Math.random（）*256）.toString（16）.padStart（2，'0'）；
const getRandomRGB=（{R=getRandomHex（），G=getRandomHex（），B=getRandomHex（），A}={}）=>['#'，R，G，B，A].join（“”）；
log（getRandomRGB（））；
console.log（getRandomRGB（{A:'00'}））；
编辑：重新阅读这个问题，它有不同的需求。但是我将在这里留下这个答案，因为它解释了如何在JavaScript中获得随机颜色（实际主题）

以下是创建随机十六进制颜色值所需的函数：


const getRandomHex=（）=>Math.floor（Math.random（）*256）.toString（16）.padStart（2，'0'）；
const getRandomRGB=（{R=getRandomHex（），G=getRandomHex（），B=getRandomHex（），A}={}）=>['#'，R，G，B，A].join（“”）；
log（getRandomRGB（））；
console.log（getRandomRGB（{A:'00'}））；
有人问过类似的问题，你可以检查出有人问过类似的问题，你可以检查出这个方法很有效。或者，如果有一个可以绘制的有限颜色列表，这将是理想的选择（我得到了白色和几乎白色的颜色，在背景下很难阅读，但效果很好。谢谢您可以创建一个可接受的颜色数组，并使用Math.floor（Math.random（）*arrayName.length）选择一个随机索引。然后以相同的方式将该值插入样式属性。我还将256更改为216以使颜色选择变暗（如果需要，可以进一步降低）。这很好。或者，如果有一个可绘制的有限颜色列表，这将是理想的选择（我得到了白色和几乎白色的颜色，在背景下很难阅读，但效果很好。谢谢您可以创建一个可接受的颜色数组，并使用Math.floor（Math.random（）*arrayName.length）选择一个随机索引。然后以相同的方式将该值插入到style属性中。我还将256更改为216以加深颜色选择（如果需要，可以进一步降低）。