随机生成颜色和透明度

随机生成颜色：

想到的比较简单的是：

rgba颜色值范围是0-255,

所以单个值为：Math.ceil(Math.random() * 255),生成三个值以后，可以拼起来

eg: rgb(Math.ceil(Math.random() * 255), Math.ceil(Math.random() * 255), Math.ceil(Math.random() * 255));

如果是要写成十六进制颜色格式，如：#333333，可以再把上面的单个值.toString（16），输出对应的16进制颜色值

eg: color: '#' + Math.ceil(Math.random() * 255),.toString(16) + Math.ceil(Math.random() * 255).toString(16) + Math.ceil(Math.random() * 255).toString(16);

十六进制颜色与RGB： eg： #333333 => r(33), g(33), b(33)

透明度则为：Math.random().toFixed(2); (一般透明度为两个小数位)；

Number.toFixed(2) : 把 Number 四舍五入为指定小数位数的数字;

转载于:https://www.cnblogs.com/coconutGirl/p/10407384.html

随机生成颜色和透明度相关推荐

JavaScript随机生成颜色以及十六进制颜色与RGB颜色值的相互转换
/*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...
android获取随机颜色_Android编程实现随机生成颜色的方法示例
本文实例讲述了Android编程实现随机生成颜色的方法.分享给大家供大家参考,具体如下: 网上有个ColorPicker开源项目,选择颜色值.而在这里我想实现的是动态修改一个view的背景色. 开一个 ...
JS随机生成颜色的几种极简代码
实现一: 网上分享的随机色,好多都是先创建一个16位字符串0123456789abcdef,比较繁琐.运用下方代码简洁许多. function col(){var str="#"f ...
常见js随机生成颜色的几种方式。
rgba function getColor() {var colors = "rgba(";for (var i = 0; i < 3; i++) {colors += M ...
使用黄金比例与HSV颜色模型生成随机RGB颜色
JavaScript代码实现 class ColorGenerator {static GOLDEN_RATIO_CONJUGATE: number = 0.618033988749895static ...
JS随机生成十六进制颜色
在网上看了好多人写的随机生成颜色的方法,要么有错误,要么太复杂. 例如: function color16(){//十六进制颜色随机 var r = Math.floor(Ma ...
JS黄金分割法实现随机漂亮颜色!
最近在做一个游戏需要随机生成颜色,用最原始的方法效果是这样的: var bgColor = 'rgb('+Math.random()*255+','+Math.random()*255+','+Mat ...
随机验证码如何在html里设置颜色,js随机生成验证码以及随机颜色
Javascript通过Math.random()随机生成验证码. 代码如下: 随机验证码 .p1{ width:100px; height:30px; border:1px solid black; ...
Android - 随机生成背景颜色
颜色的取值范围是0~256,给ARGB每一位随机生成一个int值 Random random = new Random();int color = Color.argb(255,random.next ...

随机生成颜色和透明度

随机生成颜色和透明度相关推荐

最新文章

热门文章