生成随机色多种方法

方法一:颜色随机;

 // 0-9 a-f
        function getColor() {
            var str = "#";
            var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f"];
            for (var i = 0; i < 6; i++) {
                str += arr[Math.floor(Math.random() * 16)]; 
            }
            return str;
        }
        document.write(getColor());

方法二:

var getRandomColor = function () {
            return '#' +
                (function (color) {
                    return (color += '0123456789abcdef'[Math.floor(Math.random() * 16)]) && (color.length == 6) ? color : arguments.callee(color);
                })('');
        }
        console.log(getRandomColor());

方法三:

function _g(color) {
            if ((color += '0123456789abcdef'[Math.floor(Math.random() * 16)]) && (color.length == 6)) {
                return color
            } else {
                return arguments.callee(color);
            }
        }
        var getRandomColor = function () {
            return '#' + _g('');
        }

        console.log(getRandomColor());

方法四:

var getRandomColor = function () {

            return (function (m, s, c) {
                return (c ? arguments.callee(m, s, c - 1) : '#') +
                    s[m.floor(m.random() * 16)]
            })(Math, '0123456789abcdef', 5)
        }
        console.log(getRandomColor());

方法五:HSL模式颜色随机;

var getRandomColor = function () {
            return "hsl(" + Math.round(Math.random() * 360) + "," + Math.round(Math.random() * 100) + '%,' + Math.round(Math.random() * 100) + '%)';
        }
        console.log(getRandomColor());//hsl(193,90%,26%)

方法六:RGB模式随机;

 var getRandomColor = function () {
            return "rgb(" + Math.round(Math.random() * 255) + "," + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 10) + ')';
        }
        console.log(getRandomColor());//rgb(226,158,8)

方法七:RGB模式随机另外一种方法;

var getRandomColor = function () {
            var r = Math.round(Math.random() * 255),
                g = Math.round(Math.random() * 255),
                b = Math.round(Math.random() * 255);
            var color = r << 16 | g << 8 | b;
            return "#" + color.toString(16)
        }
        console.log(getRandomColor());
  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值