Entry
How do I generate a color table?
Apr 21st, 2000 05:48
Martin Honnen,
The following contains an example generating a 6x36 table:
<HTML>
<HEAD>
<SCRIPT>
var div = 6;
var inc = 51;
function buildColorTriplet (r, g, b) {
r = r.toString(16).toUpperCase();
if (r.length == 1)
r = '0' + r;
g = g.toString(16).toUpperCase();
if (g.length == 1)
g = '0' + g;
b = b.toString(16).toUpperCase();
if (b.length == 1)
b = '0' + b;
return '#' + r + g + b;
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="1">
<SCRIPT>
var i = 0;
var html = '';
for (var r = 0; r < 256; r += inc)
for (var g = 0; g < 256; g += inc)
for (var b = 0; b < 256; b += inc) {
var color = buildColorTriplet (r, g, b);
html += '<TD BGCOLOR="' + color + '">' + color + '<\/TD>';
i++;
if (i % div == 0) {
html = '<TR>' + html + '<\/TR>';
document.write(html);
html = '';
}
}
</SCRIPT>
</TABLE>
</BODY>
</HTML>
