[js] 写一个方法,生成一个随机颜色字符串,合法的颜色为 #000000-#FFFFFF

haizhilin2013
2021-09-26 04:39:44 星期日
js
                    
                        
写一个方法,生成一个随机颜色字符串,合法的颜色为 #000000-#FFFFFF
Comments per page
< Page 1 / 1 >
ochenkai 2021-09-28 04:12:07

简单的随机从000000到FFFFFF的话,可以这么写:

randomColor() {
  var colorCount = 256*256*256
  var color = Math.floor(Math.random()*colorCount);
  color = '#'+color.toString(16)
  return color
}
Cason35 2021-10-14 17:10:59

function randomColor() {
let num = [
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"a",
"b",
"c",
"d",
"e",
];
let color = "#";
for (let i = 0; i < 6; i++) {
let x = Math.floor(Math.random() * 15);
console.log(x);
color += num[x];
}
return color;
}

hyj443 2021-10-22 02:42:01
function getColor(){
    const allCount = Math.pow(16, 6)
    const colorNum = Math.random() * allCount | 0
    return "#" + colorNum.toString(16)
}

getColor()
//'#71e59a'
getColor()
//'#3d47b9'
getColor()
//'#3ef72'
0726m 2023-09-22 07:55:03

function generateRandomColor() {
// 生成 0 到 16777215 之间的随机整数
var randomInt = Math.floor(Math.random() * 16777216);

// 将整数转换为十六进制字符串,并补充前导零
var colorString = "#" + randomInt.toString(16).padStart(6, "0");

return colorString;

}

// 调用函数生成随机颜色字符串
var randomColor = generateRandomColor();
console.log(randomColor);

排行榜
今日答题答题排行
    未答的题
    更多>
      【关注作者公众号】 以面试驱动学习--前端剑解
      【公众号推荐】 不折腾的前端和咸鱼有什么区别

      学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!

      【关注官方公众号】 每天4:30-5:00推送
      【公众号推荐】 一起折腾前端算法
      【微信学习群】 备注3+1