马黑黑 发表于 2023-3-28 21:26

JS生成随即颜色

本帖最后由 马黑黑 于 2023-3-28 21:33 编辑

一、十六进制：

let color = `#${Math.random().toString(16).substr(-6)}`;

二、RGB：

let color = `rgb(${Math.ceil(Math.random()*255)},${Math.ceil(Math.random()*255)},${Math.ceil(Math.random()*255)})`;

三、HSL：

let color = `hsl(${Math.ceil(Math.random()*360)},${Math.ceil(Math.random()*100)}%,${Math.ceil(Math.random()*100)}%)`;

四、预定义色：

let colorAr = ['red','orange','yellow','green','cyan','blue','purple'];
let color = colorAr;

演示：JS生成随机颜色 (freeee.ml)

红影 发表于 2023-3-28 22:29

三种颜色表达都能随机生成，这个很实用{:4_199:}

马黑黑 发表于 2023-3-28 22:33

红影 发表于 2023-3-28 22:29
三种颜色表达都能随机生成，这个很实用

后两种有更高的定制性

庶民 发表于 2023-3-29 06:15

我弄不明白这些，点赞支持。

红影 发表于 2023-3-29 14:27

马黑黑 发表于 2023-3-28 22:33
后两种有更高的定制性

我已经收起来了，以后在JS里再看到就知道是随机色的生成了。

马黑黑 发表于 2023-3-29 17:45

红影 发表于 2023-3-29 14:27
我已经收起来了，以后在JS里再看到就知道是随机色的生成了。

也可以自己用用

红影 发表于 2023-3-29 22:05

马黑黑 发表于 2023-3-29 17:45
也可以自己用用

自己用还有点不行，总觉得会弄错{:4_173:}

马黑黑 发表于 2023-3-29 22:05

红影 发表于 2023-3-29 22:05
自己用还有点不行，总觉得会弄错

错了改

红影 发表于 2023-3-29 22:40

马黑黑 发表于 2023-3-29 22:05
错了改

没本事改呀{:4_173:}

马黑黑 发表于 2023-3-29 23:27

红影 发表于 2023-3-29 22:40
没本事改呀

改了就有

红影 发表于 2023-3-30 12:06

马黑黑 发表于 2023-3-29 23:27
改了就有

你说得也对，也许自己折腾一下，理解会更深。

马黑黑 发表于 2023-3-30 12:17

红影 发表于 2023-3-30 12:06
你说得也对，也许自己折腾一下，理解会更深。

必须自己动手知识与技能才能变成自己的

红影 发表于 2023-3-30 16:32

马黑黑 发表于 2023-3-30 12:17
必须自己动手知识与技能才能变成自己的

说的很有道理{:4_187:}

马黑黑 发表于 2023-3-30 17:42

红影 发表于 2023-3-30 16:32
说的很有道理

{:4_181:}
页: [1]
查看完整版本: JS生成随即颜色