Random Color Generator with JavaScript

by Jogesh Sharma

HTML

<div id="result"></div>

CSS

/* 
* ====================================
* http://webomnizz.com/blog/javascript/random-hex-color-generator-javascript/
* ====================================
*/
#result{
    width: 100px;
    height: 50px;
    display:block;
    text-align: center;
    line-height: 50px;
}

JavaScript

var hex = Math.floor( Math.random() * 0xFFFFFF );
var res = document.getElementById('result');
var result = "#" + hex.toString(16);

res.style.backgroundColor = result;
res.innerHTML = result;