generate random color css code example

Example 1: random color in javascript

var randomColor = Math.floor(Math.random()*16777215).toString(16);

Example 2: 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>

Example 3: css random color

var colors = ['#ff0000', '#00ff00', '#0000ff'];
var random_color = colors[Math.floor(Math.random() * colors.length)];
document.getElementById('title').style.color = random_color;

Tags:

Css Example

Recent Posts