RGB Slider

Simple RGB to HEX color converter utilizing DHTML sliders. Amazing!

JavaScript Source Code 3000: Calculators: RGB Slider Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

<HEAD>  <style type="text/css">  </style>  <SCRIPT LANGUAGE="JavaScript">    <! > <! >   </script> </HEAD>    <BODY OnLoad="init()">    <div id="red"></div> <div id="green"></div> <div id="blue"></div>  <div id="redSlider"></div> <div id="greenSlider"></div> <div id="blueSlider"></div> <div id="colorTable"> <table border=0 cellpadding=0 cellspacing=1> <tr><td colspan=18 align=center id="subtext">Standard 216 Color Palette</td></tr> <script>  </script> </table> </div> <div id="display"><img src="blank.gif" width=50 height=50 border=0></div> <div id="titleBar"> <table border=0 cellpadding=2 cellspacing=0 width=320> <tr> <td id="title">Houser's RGB2HEX DHTML App</td> </tr> </table> </div> <div id="hexValue"><form name="frmValue"> <table border=0 cellpadding=2 cellspacing=0 width=320 bgcolor=#EEEEEE> <tr> <td align=center> <table border=0 cellpadding=2 cellspacing=0> <tr> <td id="subtext">Red</td> <td id="subtext">Green</td> <td id="subtext">Blue</td> </tr> <tr> <td><input type=text size=3 maxlength=3 name="RgbDisp" value="0" onBlur="manualSet(this.value,'red');"></td> <td><input type=text size=3 maxlength=3 name="rGbDisp" value="0" onBlur="manualSet(this.value,'green');"></td> <td><input type=text size=3 maxlength=3 name="rgBDisp" value="0" onBlur="manualSet(this.value,'blue');"></td> </tr> </table> </td> <td align=center> <table border=0 cellpadding=2 cellspacing=0> <tr> <td id="subtext">Hexdecimal</td> </tr> <tr> <td><input type=text size=6 maxlength=6 name="valueDisp" value="000000" onBlur="convertHex();"></td> </tr> </table> </td> </tr> </table></form> </div>    <form> <input type=button value="Open RGB Slider" onClick="window.open('rgb-slider.html','sliderdemo', 'width=600,height=300,left=150,top=150');"></form><P>

Website

LATEST

RGB Slider

0 comments:

Post a Comment

Blog Archive