how to generate random hex color in javascript code example

Example 1: js random hex color

'#'+Math.floor(Math.random()*16777215).toString(16);

Example 2: javascript random color generator

function generateRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

var randomColor=generateRandomColor();//"#F10531"

Example 3: javascript generate random color

const setBg = () => {
  const randomColor = Math.floor(Math.random()*16777215).toString(16);
  document.body.style.backgroundColor = "#" + randomColor;
  color.innerHTML = "#" + randomColor;
}

genNew.addEventListener("click", setBg);
setBg();

Example 4: random color generator css,javascript,html

//Javascript
function randomColor(){
    var color = "#";
    var randomHex = "123456ABCDEF";  
    for(var i = 0; i<6;i++){
        color+= randomHex[Math.floor(Math.random()*16)]
    }
   
    return color;
}

var mytimer ;

function setColor(){
    
    $("body").css("background-color", randomColor);
}

var mytimer = setInterval(setColor, .8000);
// html
!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	</head>
	<body>
	       
	   //include javascript file.  
	</body>
</html>

Tags:

Css Example

Recent Posts