// 定义一个随机颜色的函数

function getRandomColor(flag = true) {

// 如果是true就传递 #ffffff格式,否则传rgb格式

if (flag) {

let str = '#'

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f']

// 通过for循环来补齐十六进制 #ffffff

for (let i = 1; i <= 6; i++) {

let random = Math.floor(Math.random() * arr.length)

str = str + arr[random]

}

return str

} else {

// 否则就传递 rgb (255,255,255)

let r = getRandom(0, 255)

let g = Math.floor(Math.random() * 256)

let b = getRandom(0, 255)

// console.log(`rgb(${r},${g},${b})`);

return `rgb(${r},${g},${b})`

}

}

// 调用方式,实参传false或true

getRandomColor(false)

getRandomColor(true)

随机颜色十六进制(#ffffff)或rgb格式相关推荐

  1. PHP颜色十六进制转化为RGB

    PHP颜色十六进制转化为RGB function hColor2RGB($hexColor) {$color = str_replace('#', '', $hexColor);if (strlen( ...

  2. rgb格式颜色与#000000十六进制格式颜色的转换原理

    首先,#000000格式的颜色被称为十六进制颜色码: 6位数分为三组,每两位数一组,依次是红.黄.蓝颜色的强度: 而与此对应的,rgb(39,137,202)依次是十进制的红黄蓝颜色: 因此将rgb格 ...

  3. 生成随机数、随机颜色(rgb格式)

    封装生成随机数的函数,封装生成随机颜色的函数(rgb的格式) // 获取min-max之间的随机数 [min,max] 闭区间 Math.floor(Math.random() * (max - mi ...

  4. 十六进制颜色值域RGB格式颜色值之间的相互转换

    2019独角兽企业重金招聘Python工程师标准>>> //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; ...

  5. ColorCode是一个在线随机取色工具,可以随机获取十六进制、RGB、HSl等颜色。

    ColorCode是一个在线随机取色工具,可以随机获取十六进制.RGB.HSl等颜色. ColorCode 彩蛋爆料直击现场 ColorCode是一个在线随机取色工具,可以随机获取十六进制.RGB.H ...

  6. JS 处理十六进制颜色渐变算法-输入颜色,输出渐变rgb数组

    html颜色有几种表示方式: 英文单词颜色值:background-color:Blue: 十六进制颜色值:background-color:#FFFFFF:  RGB颜色值三元数字:backgrou ...

  7. 程序猿(媛)实用颜色表 [颜色图示,英文代码,形象颜色,HEX格式,RGB格式]

    非ie6 例如:if ( document.getElementById("XX").style.color == "rgb(184, 0, 0)") 注意:& ...

  8. 常用颜色中英文,16进制,rgb格式

    颜色对照表 序号 颜色 英文代码 形像颜色 HEX格式 RGB格式 1   LightPink 浅粉红 #FFB6C1 255,182,193 2   Pink 粉红 #FFC0CB 255,192, ...

  9. Unity3D 随机颜色(RGB/HSV)

    Unity3D 随机颜色(RGB/HSV) 前言 Unity中颜色这块儿有RGB模式和HSV模式,之前大多数用的都是RGB模式,对于颜色这块儿也没有详细的去了解.后来项目涉及到,要图片饱和度一定,且可 ...

最新文章

  1. windows8.1 windows defender service无法启动解决方案
  2. python——多态
  3. B计划 第四周(开学第一周)
  4. 面向对象4(匿名对象、内部类、包、修饰符、代码块)
  5. multiprocessing python_Python多进程运行——Multiprocessing基础教程1
  6. 火狐、IE、Chrome已进入三国时代
  7. (06)System Verilog 静态变量与动态变量区别
  8. jquery的validate表单验证表单注册插件
  9. 程序设计与编译(C++入门)
  10. Java——可能的文本题
  11. 含泪整理上万射击枪战游戏源码素材,你想要的这里都有!
  12. 一次完整的http请求全过程(知识体系版)
  13. matlab fft 相位,从相位和幅度获取傅立叶变换 – Matlab
  14. 【Netty之进阶篇】
  15. 十年总结(15):产品化-有心杀敌,无力回天
  16. arcgis 同名图层合并_arcgis合并多个图层
  17. Linux平台上文件同步——rsync+inotify之实时同步
  18. TikTok独立站推广教程
  19. 【I2C】i2c-tools的使用方法
  20. PhoneGap简介

热门文章

  1. 佳能Canon PIXMA MG2510 打印机驱动
  2. Python应用开发
  3. 杜家坎装甲兵工程学院计算机二级考点,从丰台区杜家坎到东城区东十四条怎么走??...
  4. 视频编辑器-MovieMator简洁使用-功能和快速入门-创建项目、导入和导出
  5. 爬虫学习_selenium自动填写验证码
  6. PPT制作创意封面如何排版设计?
  7. 华为光亮计算机有哪些优势,华为亮出5G十大优势:62家运营商拿下41家
  8. python计算圆周率100万位要多久_Super Pi-计算10000位圆周率需要多少时间?
  9. 关于解决Carsim2016找不Liscens问题的原生BIA法
  10. 2020震撼的AE模版SDK