```

div{ color:#f60; font:12px/1.5 Georgia;}

window.onload = function()

{

var aColor = ['00','33','66','99','CC','FF'];

var iLen = aColor.length;

var i = 0;

var j = 0;

var iWidth = 100;

var iHeight = 18;

var iScreenX = (document.documentElement.clientWidth-iWidth*iLen)/2;

var iScreenY = (document.documentElement.clientHeight-iHeight*iLen*iLen)/2;

for(var r = 0; r < iLen; r++)

{

for(var g = 0; g < iLen; g++)

{

for(var b = 0; b < iLen; b++)

{

var oDiv = document.createElement('div');

oDiv.style.width = iWidth+'px';

oDiv.style.height = iHeight+'px';

oDiv.style.position = 'absolute';

oDiv.style.left = (Math.floor(i/iLen)-Math.floor(i/36)*iLen)*iWidth+iScreenX+'px';

oDiv.style.top = (Math.floor(i/36)*iLen+(i%iLen))*iHeight+iScreenY+'px';

oDiv.innerHTML = oDiv.style.backgroundColor = '#'+aColor[r].toString()+aColor[g].toString()+aColor[b].toString();

document.body.appendChild(oDiv);

i++;

}

};

};

};

```