Revision: 10759
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at January 13, 2009 03:21 by localhorst
Initial Code
function RGB2Color(r,g,b) { return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b); } function byte2Hex(n) { var nybHexString = "0123456789ABCDEF"; return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1); } function makeColorGradient(frequency1, frequency2, frequency3,phase1, phase2, phase3, center, width, len) { if (len == undefined) len = 50; if (center == undefined) center = 128; if (width == undefined) width = 127; for (var i = 0; i < len; ++i) { var red = Math.sin(frequency1*i + phase1) * width + center; var grn = Math.sin(frequency2*i + phase2) * width + center; var blu = Math.sin(frequency3*i + phase3) * width + center; document.write( '<font color="' + RGB2Color(red,grn,blu) + '">█</font>'); } } // And here's the code for drawing the basic rainbow gradient. // makeColorGradient(.3,.3,.3,0,2,4);
Initial URL
http://krazydad.com/makecolors.php
Initial Description
see website for all information about that. some more theory: [color-scaling-function](http://stackoverflow.com/questions/168838/color-scaling-function) [generate-color-for-a-power-meter-red-to-green](http://stackoverflow.com/questions/340209/generate-color-for-a-power-meter-red-to-green)
Initial Title
generating color gradient in JS
Initial Tags
math, color
Initial Language
JavaScript