Background Color Generator

Allows for the fine tuning of the window's background color via red, green, and blue color buttons. Click a textbox to change the color value manually, or use the '>' and '<' to change the amount of that color in the background.

Sampled by JavaScriptBank.com

Over 2000+ free Javascript

at JavaScriptBank.com Website

Instructions:

1: Copy and paste the following script in the HEAD section of your page:
Select all...

2: Copy and paste the following HTML in the BODY section of your page:
Select all...

<form name="f">
<table border="1" cellspacing="0" cellpadding="0"><tr><td>
<table border="0" bgcolor="#ffedcf" cellspacing="0" cellpadding="5" width="520">
<tr>
<td colspan="3" align="center"><h2>Background Color Generator</h2><font size="-1">Use the << and >> buttons for coarse adjustment, and use the < and > to fine tune each color. The text area shows the values for each color as a hex value.</font></td>
</tr>
<tr>
<td align="center"><font color="red">Red</font></td>
<td align="center"><font color="green">Green</font></td>
<td align="center"><font color="blue">Blue</font></td>
</tr>
<tr>
<td align="center"><input type="text" size="2" value="00" name="red" onChange="setbg()" readonly><br><input type="button" value=" <<  "   onClick="setbg((-17),0,0)"><input type="button" value=" < "  onClick="setbg((-1),0,0)"> <input type="button" value=" > "  onClick="setbg(1,0,0)"><input type="button" value="  >> "  onClick="setbg(17,0,0)"></td>
<td align="center"><input type="text" size="2" value="00" name="green" onChange="setbg()" readonly><br><input type="button" value=" <<  "   onClick="setbg(0,(-17),0)"><input type="button" value=" < "  onClick="setbg(0,(-1),0)"> <input type="button" value=" > "  onClick="setbg(0,1,0)"><input type="button" value="  >> "  onClick="setbg(0,17,0)"></td>
<td align="center"><input type="text" size="2" value="00" name="blue" onChange="setbg()" readonly><br><input type="button" value=" <<  "   onClick="setbg(0,0,(-17))"><input type="button" value=" < "  onClick="setbg(0,0,(-1))"> <input type="button" value=" > "  onClick="setbg(0,0,1)"><input type="button" value="  >> "  onClick="setbg(0,0,17)"></td>
</tr>
</table></td></tr></table>
</form>