随机生成一个颜色，颜色类型为#FFFFFF

于 2023-07-31 11:03:56 发布
阅读量174 收藏
点赞数
文章标签： 前端 css html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66911948/article/details/132018317
版权 
function randomColor() {
    var color = Math.floor(Math.random() * 0xFFFFFF).toString(16).padEnd(6, '0');
	return color
}

ybhxqq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS实现随机颜色的3种方法与颜色格式的转化
11-28
前言 相信大家都知道在前端的颜色表示方式有多种，一种是以3个或6个十六进制的数子表示，一种是RGB的数字形式，还有一种是直接以颜色的英文来表示。这三种都是不支持透明色的。所以还有RGBA的表式方式，在RGB的的基础上加入了Alpha透明，使网页可以展现更加复杂绚丽的效果。 随机颜色 在平时的码农日常中，经常会用到求随机颜色的地方，下面是我总结的几种简单的实现随机颜色的方式： 十六进制格式（#000000-#FFFFFF） 第一种是比较简单的方法，这种方法是先随机生成ffffff以内16进制数，然后判断位数，少于6位的用while循环在前面加0，凑够6位。 function randomHex
js获取随机颜色值的函数
12-12
收集一个函数：获取随机颜色值 代码如下: function getRandomColor(){ return “#”+(“00000″+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6); } 说明： 1、16777215为16进制的颜色ffffff转成10进制的数字 2、>>数字取整 3、转成16进制不足6位的以0来补充 在线演示代码： js随机颜色 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
一个颜色轮换的简单例子
01-21
一个颜色轮换的简单例子，使用三元运算子，使程序简练。 我们曾经在网站上看过一些表格单元格的背景颜色是隔行变化的，其实用下面一段很小的一段代码就可以实现： $color=(($coloralter++ %2)? e0e0e0:e8e8e8) ,即通过将变量累加和2取余，运用三元运算子来取得两个不同得颜色值。 示例如下： <html> <head> <title>test</title> <meta http-equiv=Content-Type content=text/html; charset=gb2312> </head> <body bgcolor=#FFFFFF>
js随机生成网页背景颜色的方法
01-19
本文实例讲述了js随机生成网页背景颜色的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<HTML> <HEAD> <TITLE>随机生成网页背景颜色的JS特效</TITLE> <STYLE> .30pt{font-size:30pt;color:#de3076} </STYLE> [removed] <!– color=new Array(“0″,”3″,”6″,”9″,”C”,”F”); speed=250; document.bgColor=”FFFFFF”; bg=new Array(“FFFFFF”,”FFFFFF”,”FFFF
JS一行代码实现随机颜色
宏斌的博客
09-27 461
parseInt(Math.random() * 0xffffff).toString(16) 加入透明色 '#' + parseInt(Math.random() * 0xffffffff).toString(16)
生成随机十六进制代码之生成随机颜色
想好了再写！
12-03 345
'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0'); 效果图如下：
随机颜色 十六进制
weixin_54009353的博客
01-18 251
parseInt(Math.random()*0xffffff).toString(16)
随机分配颜色
djp0910的博客
04-15 335
color = '#' + Math.floor(Math.random() * 0xFFFFFF).toString(16); 这样便可以随机生成颜色，直接用于设置。 一般用于需要给多种标签设置不同的颜色。 转载于:https://www.cnblogs.com/YangqinCao/p/5395526.html...
JS 获取随机颜色值
weixin_30736301的博客
08-20 247
获取随机颜色值 function fn1(){ return '#' + Math.floor( Math.random() * 0xffffff ).toString(16); } function fn2(){ return '#' + ( Math.random() * 0xffffff<<0 ).toString(16); } function fn3...
（转载）Math.random()随机数的二三事
christianashannon的博客
12-21 978
原文地址：http://www.soulteary.com/2014/07/05/js-math-random-trick.html 看到题目，如果大家在平时被问到： 如何生成一个怎么样怎么样的整数随机数，估计大家都会不屑，但是当你淡定的回答: 获取一个范围应该是随机数seeds和区间数值差的乘机与最小数相加然后再怎么怎么的时候… 有没有发现你的思维已经固化了呢。这个知识点应该是玩JS肯定会碰
JS实现点击按钮随机生成可拖动的不同颜色块示例
10-17
本示例展示了如何使用JavaScript来实现一个功能，即点击按钮后在页面上随机生成不同颜色且可拖动的方块。这个功能的核心是结合了JavaScript的数值运算、页面元素操作以及事件监听，下面将详细解析实现过程。 首先，...
js实现点击按钮随机生成背景颜色
10-14
随机生成背景颜色的核心在于创建一个十六进制颜色代码。在网页设计中，颜色通常以`#RRGGBB`的形式表示，其中`RR`代表红色，`GG`代表绿色，`BB`代表蓝色。每个部分的值范围是00到FF（十进制中0到255）。因此，我们...
js生成随机颜色方法代码分享（三种）
10-20
第一种方法是最简单的，它通过生成一个0到255之间的随机整数，并将其转换为16进制表示，来生成一个随机颜色。这种方法生成的颜色可能只包含一到两种颜色通道（红、绿、蓝）。在JavaScript中，我们可以这样实现： ...
jQuery获取随机颜色的实例代码
10-18
在JavaScript和jQuery中，生成随机颜色是一个常见的需求，特别是在网页设计和动态效果中。这篇文章将深入探讨如何使用jQuery获取随机颜色，并提供多个实例代码供学习参考。 首先，我们来看一个基本的jQuery函数`...
js随机颜色
panxubai的博客
08-17 284
//随机颜色 方法一 var a = "#"+ Math.ceil(Math.random()*0xFFFFFF).toString(16); 方法二 var a= "#" +Math.floor(Math.random()*16777215).toString(16); 方法三   此方法比以上两种较为全面（建议使用，上面两种有bug，可能会出现位数不全的现象。）    
[转]获取随机全色 亮色 暗色 温色 的一行代码
AS3
02-17 1069
随机全色区 int(Math.random()*0xffffff) int(Math.random()*255)
生成随机颜色和随机数的生成
Zt0118的博客
11-08 624
生成随机颜色和随机数的生成
[JS]Math.random()随机数的二三事
TheBadWaka的博客
12-08 3902
原文地址：http://www.soulteary.com/2014/07/05/js-math-random-trick.html [JS]Math.random()的二三事看到题目，如果大家在平时被问到：如何生成一个怎么样怎么样的整数随机数，估计大家都会不屑，但是当你淡定的回答获取一个范围应该是随机数seeds和区间数值差的乘机与最小数相加然后再怎么怎么的时候…有没有发现你的思维已经固化了呢。这
用python写一个随机生成人脸的窗口应用
最新发布
03-03
好的，以下是用Python编写一个随机生成人脸的窗口应用程序的示例代码： ``` import tkinter as tk import random # 生成人脸 def generate_face(): # 设置画布大小 canvas_width = 200 canvas_height = 200 # 创建画布 canvas.delete("all") canvas.create_rectangle(0, 0, canvas_width, canvas_height, fill="#ffffff") # 随机生成人脸 eye_color = "#000000" hair_color = "#000000" skin_color = random.choice(["#ffe0bd", "#ffcd94", "#eac086", "#ffad60", "#ffe39f", "#ffc19e", "#8d5524", "#c68642", "#ffa15b"]) hair_style = random.choice(["short", "medium", "long"]) hair_length = random.randint(0, 3) # 绘制头发 if hair_style == "short": canvas.create_rectangle(50 - hair_length, 50 - hair_length, 150 + hair_length, 100 + hair_length, fill=hair_color, outline="") elif hair_style == "medium": canvas.create_oval(50 - hair_length, 50 - hair_length, 70 + hair_length, 70 + hair_length, fill=hair_color, outline="") canvas.create_oval(130 - hair_length, 50 - hair_length, 150 + hair_length, 70 + hair_length, fill=hair_color, outline="") canvas.create_rectangle(50 - hair_length, 70, 150 + hair_length, 100 + hair_length, fill=hair_color, outline="") elif hair_style == "long": canvas.create_oval(50 - hair_length, 50 - hair_length, 70 + hair_length, 70 + hair_length, fill=hair_color, outline="") canvas.create_oval(130 - hair_length, 50 - hair_length, 150 + hair_length, 70 + hair_length, fill=hair_color, outline="") canvas.create_oval(70 - hair_length, 60 - hair_length, 130 + hair_length, 100 + hair_length, fill=hair_color, outline="") # 绘制脸 canvas.create_oval(50, 50, 150, 150, fill=skin_color, outline="") # 绘制眼睛 canvas.create_oval(70, 70, 90, 90, fill=eye_color, outline="") canvas.create_oval(110, 70, 130, 90, fill=eye_color, outline="") # 创建窗口 window = tk.Tk() window.title("随机生成人脸") window.geometry("200x250") # 创建画布 canvas = tk.Canvas(window, width=200, height=200) canvas.pack() # 创建按钮 button = tk.Button(window, text="生成人脸", command=generate_face) button.pack() # 运行窗口 window.mainloop() ``` 该程序使用tkinter库创建了一个窗口，包含一个画布和一个生成人脸的按钮。当用户点击按钮时，程序将在画布上随机生成一个人脸。生成的人脸包括头发、脸、眼睛等部分，并使用随机颜色来渲染。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值