Phiên bản đầy đủ: jsB@nk » Màu nền » Xem mã màu
URL: https://www.javascriptbank.com/color-codes.html
Hiệu ứng tạo một trình đơn cho ta chọn màu đồng thời hiển thị mã màu được chọn.
Phiên bản đầy đủ: jsB@nk » Màu nền » Xem mã màu
URL: https://www.javascriptbank.com/color-codes.html
<SCRIPT language=JavaScript>/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/<!-- begin var red=0; green=0; blue=0; hexnum='000000'; var hexchars='0123456789ABCDEF'; function toHex (num) { return hexchars.charAt(num >> 4) + hexchars.charAt(num & 0xF); } function fromHex (str) { var first=str.charAt(0); var second=str.charAt(1); return (16 * hexchars.indexOf(first)) + hexchars.indexOf(second); } function rgb () { red=fromHex(hexnum.substring(0,2)); green=fromHex(hexnum.substring(2,4)); blue=fromHex(hexnum.substring(4,6)); } function indexing () { for ( var i=0; i<498; i++ ) { if ( hexnum == document.forms[0].clrname.options[i].value ) break; } if ( i==498 ) i--; index=i; } function paintit () { document.forms[0].clrname.options[index].selected=1; document.forms[0].red.value=red; document.forms[0].green.value=green; document.forms[0].blue.value=blue; document.forms[0].hex.value=hexnum;colorwin=window.open('',hexnum,'toobar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,copyhistory=no,width=130,height=50'); colorwin.document.write( '<html><title>' + hexnum + '</title><body bgcolor=#' + hexnum + '></body></html>' ); colorwin.document.close(); } function inputval () { var temp=''; if ( document.forms[0].takex[1].checked==true ) { hexnum=document.forms[0].hex.value.toUpperCase(); for ( var i=0; i<=(hexnum.length-1); i++ ) { temp += ( hexchars.indexOf(hexnum.charAt(i)) == -1 ? '0' :hexnum.charAt(i) ); } if ( hexnum.length < 6 ) { for ( var i=hexnum.length-1; i<=5; i++) { temp += '0'; } } hexnum=temp; rgb(); indexing(); paintit(); } if ( document.forms[0].takex[0].checked==true ) { with (Math) { temp=''+round(abs(parseFloat(document.forms[0].red.value))); red=( temp=='NaN' ? 0 : temp ); temp=''+round(abs(parseFloat(document.forms[0].green.value))); green=( temp=='NaN' ? 0 : temp ); temp=''+round(abs(parseFloat(document.forms[0].blue.value))); blue=( temp=='NaN' ? 0 : temp ); } if ( red>255 ) red=255; if ( green>255 ) green=255; if ( blue>255 ) blue=255; hexnum= toHex(red) + toHex(green) + toHex(blue); indexing(); paintit(); } } function inputname () {hexnum=document.forms[0].clrname.options[document.forms[0].clrname.selectedIndex].value; if ( hexnum=='' ) { document.forms[0].red.value=''; document.forms[0].green.value=''; document.forms[0].blue.value=''; document.forms[0].hex.value=hexnum; document.forms[0].takex[0].checked=0; document.forms[0].takex[1].checked=0; } else { indexing(); rgb(); document.forms[0].takex[0].checked=1; paintit(); } }//-- end --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<FORM><TABLE border=0> <TBODY> <TR> <TD align=right><B>Name:</B></TD> <TD align=left><SELECT name=clrname onchange=inputname() size=1> <OPTION selected value=000000> ----- Black -----</OPTION> <OPTION value=0000FF> ------ Blue ------</OPTION> <OPTION value=F0F8FF>AliceBlue</OPTION> <OPTION value=7FFFD4>Aquamarine</OPTION> <OPTION value=76EEC6>Aquamarine2</OPTION> <OPTION value=66CDAA>Aquamarine3</OPTION> <OPTION value=458B74>Aquamarine4</OPTION> <OPTION value=F0FFFF>Azure</OPTION> <OPTION value=F0FFFF>Azure1</OPTION> <OPTION value=E0EEEE>Azure2</OPTION> <OPTION value=C1CDCD>Azure3</OPTION> <OPTION value=838B8B>Azure4</OPTION> <OPTION value=0000EE>Blue2</OPTION> <OPTION value=0000CD>Blue3</OPTION> <OPTION value=00008B>Blue4</OPTION> <OPTION value=8A2BE2>BlueViolet</OPTION> <OPTION value=5F9EA0>CadetBlue</OPTION> <OPTION value=98F5FF>CadetBlue1</OPTION> <OPTION value=8EE5EE>CadetBlue2</OPTION> <OPTION value=7AC5CD>CadetBlue3</OPTION> <OPTION value=53868B>CadetBlue4</OPTION> <OPTION value=6495ED>CornflowerBlue</OPTION> <OPTION value=00FFFF>Cyan</OPTION> <OPTION value=00EEEE>Cyan2</OPTION> <OPTION value=00CDCD>Cyan3</OPTION> <OPTION value=008B8B>Cyan4</OPTION> <OPTION value=483D8B>DarkSlateBlue</OPTION> <OPTION value=00CED1>DarkTurquoise</OPTION> <OPTION value=00BFFF>DeepSkyBlue</OPTION> <OPTION value=00B2EE>DeepSkyBlue2</OPTION> <OPTION value=009ACD>DeepSkyBlue3</OPTION> <OPTION value=00688B>DeepSkyBlue4</OPTION> <OPTION value=1E90FF>DodgerBlue</OPTION> <OPTION value=1C86EE>DodgerBlue2</OPTION> <OPTION value=1874CD>DodgerBlue3</OPTION> <OPTION value=104E8B>DodgerBlue4</OPTION> <OPTION value=ADD8E6>LightBlue</OPTION> <OPTION value=BFEFFF>LightBlue1</OPTION> <OPTION value=B2DFEE>LightBlue2</OPTION> <OPTION value=9AC0CD>LightBlue3</OPTION> <OPTION value=68838B>LightBlue4</OPTION> <OPTION value=E0FFFF>LightCyan</OPTION> <OPTION value=D1EEEE>LightCyan2</OPTION> <OPTION value=B4CDCD>LightCyan3</OPTION> <OPTION value=7A8B8B>LightCyan4</OPTION> <OPTION value=87CEFA>LightSkyBlue</OPTION> <OPTION value=B0E2FF>LightSkyBlue1</OPTION> <OPTION value=A4D3EE>LightSkyBlue2</OPTION> <OPTION value=8DB6CD>LightSkyBlue3</OPTION> <OPTION value=607B8B>LightSkyBlue4</OPTION> <OPTION value=8470FF>LightSlateBlue</OPTION> <OPTION value=B0C4DE>LightSteelBlue</OPTION> <OPTION value=CAE1FF>LightSteelBlue1</OPTION> <OPTION value=BCD2EE>LightSteelBlue2</OPTION> <OPTION value=A2B5CD>LightSteelBlue3</OPTION> <OPTION value=6E7B8B>LightSteelBlue4</OPTION> <OPTION value=66CDAA>MediumAquamarine</OPTION> <OPTION value=0000CD>MediumBlue</OPTION> <OPTION value=7B68EE>MediumSlateBlue</OPTION> <OPTION value=48D1CC>MediumTurquoise</OPTION> <OPTION value=191970>MidnightBlue</OPTION> <OPTION value=000080>NavyBlue</OPTION> <OPTION value=AFEEEE>PaleTurquoise</OPTION> <OPTION value=BBFFFF>PaleTurquoise1</OPTION> <OPTION value=AEEEEE>PaleTurquoise2</OPTION> <OPTION value=96CDCD>PaleTurquoise3</OPTION> <OPTION value=668B8B>PaleTurquoise4</OPTION> <OPTION value=B0E0E6>PowderBlue</OPTION> <OPTION value=4169E1>RoyalBlue</OPTION> <OPTION value=4876FF>RoyalBlue1</OPTION> <OPTION value=436EEE>RoyalBlue2</OPTION> <OPTION value=3A5FCD>RoyalBlue3</OPTION> <OPTION value=27408B>RoyalBlue4</OPTION> <OPTION value=87CEEB>SkyBlue</OPTION> <OPTION value=87CEFF>SkyBlue1</OPTION> <OPTION value=7EC0EE>SkyBlue2</OPTION> <OPTION value=6CA6CD>SkyBlue3</OPTION> <OPTION value=4A708B>SkyBlue4</OPTION> <OPTION value=6A5ACD>SlateBlue</OPTION> <OPTION value=836FFF>SlateBlue1</OPTION> <OPTION value=7A67EE>SlateBlue2</OPTION> <OPTION value=6959CD>SlateBlue3</OPTION> <OPTION value=473C8B>SlateBlue4</OPTION> <OPTION value=4682B4>SteelBlue</OPTION> <OPTION value=63B8FF>SteelBlue1</OPTION> <OPTION value=5CACEE>SteelBlue2</OPTION> <OPTION value=4F94CD>SteelBlue3</OPTION> <OPTION value=36648B>SteelBlue4</OPTION> <OPTION value=40E0D0>Turquoise</OPTION> <OPTION value=00F5FF>Turquoise1</OPTION> <OPTION value=00E5EE>Turquoise2</OPTION> <OPTION value=00C5CD>Turquoise3</OPTION> <OPTION value=00868B>Turquoise4</OPTION> <OPTION value=A52A2A> ----- Brown -----</OPTION> <OPTION value=F5F5DC>Beige</OPTION> <OPTION value=FF4040>Brown1</OPTION> <OPTION value=EE3B3B>Brown2</OPTION> <OPTION value=CD3333>Brown3</OPTION> <OPTION value=8B2323>Brown4</OPTION> <OPTION value=DEB887>Burlywood</OPTION> <OPTION value=FFD39B>Burlywood1</OPTION> <OPTION value=EEC591>Burlywood2</OPTION> <OPTION value=CDAA7D>Burlywood3</OPTION> <OPTION value=8B7355>Burlywood4</OPTION> <OPTION value=D2691E>Chocolate</OPTION> <OPTION value=FF7F24>Chocolate1</OPTION> <OPTION value=EE7621>Chocolate2</OPTION> <OPTION value=CD661D>Chocolate3</OPTION> <OPTION value=8B4513>Chocolate4</OPTION> <OPTION value=CD853F>Peru</OPTION> <OPTION value=BC8F8F>RosyBrown</OPTION> <OPTION value=FFC1C1>RosyBrown1</OPTION> <OPTION value=EEB4B4>RosyBrown2</OPTION> <OPTION value=CD9B9B>RosyBrown3</OPTION> <OPTION value=8B6969>RosyBrown4</OPTION> <OPTION value=8B4513>SaddleBrown</OPTION> <OPTION value=F4A460>SandyBrown</OPTION> <OPTION value=D2B48C>Tan</OPTION> <OPTION value=FFA54F>Tan1</OPTION> <OPTION value=EE9A49>Tan2</OPTION> <OPTION value=CD853F>Tan3</OPTION> <OPTION value=8B5A2B>Tan4</OPTION> <OPTION value=BEBEBE> ------ Gray ------</OPTION> <OPTION value=2F4F4F>DarkSlateGray</OPTION> <OPTION value=97FFFF>DarkSlateGray1</OPTION> <OPTION value=8DEEEE>DarkSlateGray2</OPTION> <OPTION value=79CDCD>DarkSlateGray3</OPTION> <OPTION value=528B8B>DarkSlateGray4</OPTION> <OPTION value=696969>DimGray</OPTION> <OPTION value=030303>Gray1</OPTION> <OPTION value=050505>Gray2</OPTION> <OPTION value=080808>Gray3</OPTION> <OPTION value=0A0A0A>Gray4</OPTION> <OPTION value=0D0D0D>Gray5</OPTION> <OPTION value=0F0F0F>Gray6</OPTION> <OPTION value=121212>Gray7</OPTION> <OPTION value=141414>Gray8</OPTION> <OPTION value=171717>Gray9</OPTION> <OPTION value=1A1A1A>Gray10</OPTION> <OPTION value=1C1C1C>Gray11</OPTION> <OPTION value=1F1F1F>Gray12</OPTION> <OPTION value=212121>Gray13</OPTION> <OPTION value=242424>Gray14</OPTION> <OPTION value=262626>Gray15</OPTION> <OPTION value=292929>Gray16</OPTION> <OPTION value=2B2B2B>Gray17</OPTION> <OPTION value=2E2E2E>Gray18</OPTION> <OPTION value=303030>Gray19</OPTION> <OPTION value=333333>Gray20</OPTION> <OPTION value=363636>Gray21</OPTION> <OPTION value=383838>Gray22</OPTION> <OPTION value=3B3B3B>Gray23</OPTION> <OPTION value=3D3D3D>Gray24</OPTION> <OPTION value=404040>Gray25</OPTION> <OPTION value=424242>Gray26</OPTION> <OPTION value=454545>Gray27</OPTION> <OPTION value=474747>Gray28</OPTION> <OPTION value=4A4A4A>Gray29</OPTION> <OPTION value=4D4D4D>Gray30</OPTION> <OPTION value=4F4F4F>Gray31</OPTION> <OPTION value=525252>Gray32</OPTION> <OPTION value=545454>Gray33</OPTION> <OPTION value=575757>Gray34</OPTION> <OPTION value=595959>Gray35</OPTION> <OPTION value=5C5C5C>Gray36</OPTION> <OPTION value=5E5E5E>Gray37</OPTION> <OPTION value=616161>Gray38</OPTION> <OPTION value=636363>Gray39</OPTION> <OPTION value=666666>Gray40</OPTION> <OPTION value=696969>Gray41</OPTION> <OPTION value=6B6B6B>Gray42</OPTION> <OPTION value=6E6E6E>Gray43</OPTION> <OPTION value=707070>Gray44</OPTION> <OPTION value=737373>Gray45</OPTION> <OPTION value=757575>Gray46</OPTION> <OPTION value=787878>Gray47</OPTION> <OPTION value=7A7A7A>Gray48</OPTION> <OPTION value=7D7D7D>Gray49</OPTION> <OPTION value=7F7F7F>Gray50</OPTION> <OPTION value=828282>Gray51</OPTION> <OPTION value=858585>Gray52</OPTION> <OPTION value=878787>Gray53</OPTION> <OPTION value=8A8A8A>Gray54</OPTION> <OPTION value=8C8C8C>Gray55</OPTION> <OPTION value=8F8F8F>Gray56</OPTION> <OPTION value=919191>Gray57</OPTION> <OPTION value=949494>Gray58</OPTION> <OPTION value=969696>Gray59</OPTION> <OPTION value=999999>Gray60</OPTION> <OPTION value=9C9C9C>Gray61</OPTION> <OPTION value=9E9E9E>Gray62</OPTION> <OPTION value=A1A1A1>Gray63</OPTION> <OPTION value=A3A3A3>Gray64</OPTION> <OPTION value=A6A6A6>Gray65</OPTION> <OPTION value=A8A8A8>Gray66</OPTION> <OPTION value=ABABAB>Gray67</OPTION> <OPTION value=ADADAD>Gray68</OPTION> <OPTION value=B0B0B0>Gray69</OPTION> <OPTION value=B3B3B3>Gray70</OPTION> <OPTION value=B5B5B5>Gray71</OPTION> <OPTION value=B8B8B8>Gray72</OPTION> <OPTION value=BABABA>Gray73</OPTION> <OPTION value=BDBDBD>Gray74</OPTION> <OPTION value=BFBFBF>Gray75</OPTION> <OPTION value=C2C2C2>Gray76</OPTION> <OPTION value=C4C4C4>Gray77</OPTION> <OPTION value=C7C7C7>Gray78</OPTION> <OPTION value=C9C9C9>Gray79</OPTION> <OPTION value=CCCCCC>Gray80</OPTION> <OPTION value=CFCFCF>Gray81</OPTION> <OPTION value=D1D1D1>Gray82</OPTION> <OPTION value=D4D4D4>Gray83</OPTION> <OPTION value=D6D6D6>Gray84</OPTION> <OPTION value=D9D9D9>Gray85</OPTION> <OPTION value=DBDBDB>Gray86</OPTION> <OPTION value=DEDEDE>Gray87</OPTION> <OPTION value=E0E0E0>Gray88</OPTION> <OPTION value=E3E3E3>Gray89</OPTION> <OPTION value=E5E5E5>Gray90</OPTION> <OPTION value=E8E8E8>Gray91</OPTION> <OPTION value=EBEBEB>Gray92</OPTION> <OPTION value=EDEDED>Gray93</OPTION> <OPTION value=F0F0F0>Gray94</OPTION> <OPTION value=F2F2F2>Gray95</OPTION> <OPTION value=F5F5F5>Gray96</OPTION> <OPTION value=F7F7F7>Gray97</OPTION> <OPTION value=FAFAFA>Gray98</OPTION> <OPTION value=FCFCFC>Gray99</OPTION> <OPTION value=D3D3D3>LightGray</OPTION> <OPTION value=778899>LightSlateGray</OPTION> <OPTION value=708090>SlateGray</OPTION> <OPTION value=C6E2FF>SlateGray1</OPTION> <OPTION value=B9D3EE>SlateGray2</OPTION> <OPTION value=9FB6CD>SlateGray3</OPTION> <OPTION value=6C7B8B>SlateGray4</OPTION> <OPTION value=00FF00> ----- Green -----</OPTION> <OPTION value=7FFF00>Chartreuse</OPTION> <OPTION value=76EE00>Chartreuse2</OPTION> <OPTION value=66CD00>Chartreuse3</OPTION> <OPTION value=458B00>Chartreuse4</OPTION> <OPTION value=006400>DarkGreen</OPTION> <OPTION value=BDB76B>DarkKhaki</OPTION> <OPTION value=556B2F>DarkOliveGreen</OPTION> <OPTION value=CAFF70>DarkOliveGreen1</OPTION> <OPTION value=BCEE68>DarkOliveGreen2</OPTION> <OPTION value=A2CD5A>DarkOliveGreen3</OPTION> <OPTION value=6E8B3D>DarkOliveGreen4</OPTION> <OPTION value=8FBC8F>DarkSeaGreen</OPTION> <OPTION value=C1FFC1>DarkSeaGreen1</OPTION> <OPTION value=B4EEB4>DarkSeaGreen2</OPTION> <OPTION value=9BCD9B>DarkSeaGreen3</OPTION> <OPTION value=698B69>DarkSeaGreen4</OPTION> <OPTION value=228B22>ForestGreen</OPTION> <OPTION value=ADFF2F>GreenYellow</OPTION> <OPTION value=F0E68C>Khaki</OPTION> <OPTION value=FFF68F>Khaki1</OPTION> <OPTION value=EEE685>Khaki2</OPTION> <OPTION value=CDC673>Khaki3</OPTION> <OPTION value=8B864E>Khaki4</OPTION> <OPTION value=7CFC00>LawnGreen</OPTION> <OPTION value=20B2AA>LightSeaGreen</OPTION> <OPTION value=32CD32>LimeGreen</OPTION> <OPTION value=3CB371>MediumSeaGreen</OPTION> <OPTION value=00FA9A>MediumSpringGreen</OPTION> <OPTION value=F5FFFA>MintCream</OPTION> <OPTION value=6B8E23>OliveDrab</OPTION> <OPTION value=C0FF3E>OliveDrab1</OPTION> <OPTION value=B3EE3A>OliveDrab2</OPTION> <OPTION value=9ACD32>OliveDrab3</OPTION> <OPTION value=698B22>OliveDrab4</OPTION> <OPTION value=98FB98>PaleGreen</OPTION> <OPTION value=9AFF9A>PaleGreen1</OPTION> <OPTION value=90EE90>PaleGreen2</OPTION> <OPTION value=7CCD7C>PaleGreen3</OPTION> <OPTION value=548B54>PaleGreen4</OPTION> <OPTION value=2E8B57>SeaGreen</OPTION> <OPTION value=54FF9F>SeaGreen1</OPTION> <OPTION value=4EEE94>SeaGreen2</OPTION> <OPTION value=43CD80>SeaGreen3</OPTION> <OPTION value=2E8B57>SeaGreen4</OPTION> <OPTION value=00FF7F>SpringGreen</OPTION> <OPTION value=00EE76>SpringGreen2</OPTION> <OPTION value=00CD66>SpringGreen3</OPTION> <OPTION value=008B45>SpringGreen4</OPTION> <OPTION value=9ACD32>YellowGreen</OPTION> <OPTION value=FFA499> ----- Orange -----</OPTION> <OPTION value=FFE4C4>Bisque</OPTION> <OPTION value=EED5B7>Bisque2</OPTION> <OPTION value=CDB79E>Bisque3</OPTION> <OPTION value=8B7D6B>Bisque4</OPTION> <OPTION value=FF7F50>Coral</OPTION> <OPTION value=FF7256>Coral1</OPTION> <OPTION value=EE6A50>Coral2</OPTION> <OPTION value=CD5B45>Coral3</OPTION> <OPTION value=8B3E2F>Coral4</OPTION> <OPTION value=FF8C00>DarkOrange</OPTION> <OPTION value=FF7F00>DarkOrange1</OPTION> <OPTION value=EE7600>DarkOrange2</OPTION> <OPTION value=CD6600>DarkOrange3</OPTION> <OPTION value=8B4499>DarkOrange4</OPTION> <OPTION value=E9967A>DarkSalmon</OPTION> <OPTION value=F0FFF0>Honeydew</OPTION> <OPTION value=E0EEE0>Honeydew2</OPTION> <OPTION value=C1CDC1>Honeydew3</OPTION> <OPTION value=838B83>Honeydew4</OPTION> <OPTION value=F08080>LightCoral</OPTION> <OPTION value=FFA07A>LightSalmon</OPTION> <OPTION value=EE9572>LightSalmon2</OPTION> <OPTION value=CD8162>LightSalmon3</OPTION> <OPTION value=8B5742>LightSalmon4</OPTION> <OPTION value=EE9A00>Orange2</OPTION> <OPTION value=CD8499>Orange3</OPTION> <OPTION value=8B5A00>Orange4</OPTION> <OPTION value=FFDAB9>PeachPuff</OPTION> <OPTION value=EECBAD>PeachPuff2</OPTION> <OPTION value=CDAF95>PeachPuff3</OPTION> <OPTION value=8B7765>PeachPuff4</OPTION> <OPTION value=FA8072>Salmon</OPTION> <OPTION value=FF8C69>Salmon1</OPTION> <OPTION value=EE8262>Salmon2</OPTION> <OPTION value=CD7054>Salmon3</OPTION> <OPTION value=8B4C39>Salmon4</OPTION> <OPTION value=A0522D>Sienna</OPTION> <OPTION value=FF8247>Sienna1</OPTION> <OPTION value=EE7942>Sienna2</OPTION> <OPTION value=CD6839>Sienna3</OPTION> <OPTION value=8B4726>Sienna4</OPTION> <OPTION value=FF0000> ------ Red ------</OPTION> <OPTION value=FF1493>DeepPink</OPTION> <OPTION value=EE1289>DeepPink2</OPTION> <OPTION value=CD1076>DeepPink3</OPTION> <OPTION value=8B0A50>DeepPink4</OPTION> <OPTION value=B22222>FireBrick</OPTION> <OPTION value=FF3030>FireBrick1</OPTION> <OPTION value=EE2C2C>Firebrick2</OPTION> <OPTION value=CD2626>Firebrick3</OPTION> <OPTION value=8B1A1A>Firebrick4</OPTION> <OPTION value=FF69B4>HotPink</OPTION> <OPTION value=EE6AA7>HotPink2</OPTION> <OPTION value=CD6090>HotPink3</OPTION> <OPTION value=8B3A62>HotPink4</OPTION> <OPTION value=CD5C5C>IndianRed</OPTION> <OPTION value=FF6A6A>IndianRed1</OPTION> <OPTION value=EE6363>IndianRed2</OPTION> <OPTION value=CD5555>IndianRed3</OPTION> <OPTION value=8B3A3A>IndianRed4</OPTION> <OPTION value=FFB6C1>LightPink</OPTION> <OPTION value=FFAEB9>LightPink1</OPTION> <OPTION value=EEA2AD>LightPink2</OPTION> <OPTION value=CD8C95>LightPink3</OPTION> <OPTION value=8B5F65>LightPink4</OPTION> <OPTION value=C71585>MediumVioletRed</OPTION> <OPTION value=FFE4E1>MistyRose</OPTION> <OPTION value=EED5D2>MistyRose2</OPTION> <OPTION value=CDB7B5>MistyRose3</OPTION> <OPTION value=8B7D7B>MistyRose4</OPTION> <OPTION value=FF4499>OrangeRed</OPTION> <OPTION value=EE4000>OrangeRed2</OPTION> <OPTION value=CD3700>OrangeRed3</OPTION> <OPTION value=8B2499>OrangeRed4</OPTION> <OPTION value=DB7093>PaleVioletRed</OPTION> <OPTION value=FF82AB>PaleVioletRed1</OPTION> <OPTION value=EE799F>PaleVioletRed2</OPTION> <OPTION value=CD6889>PaleVioletRed3</OPTION> <OPTION value=8B475D>PaleVioletRed4</OPTION> <OPTION value=FF6347>Tomato</OPTION> <OPTION value=EE5C42>Tomato2</OPTION> <OPTION value=CD4F39>Tomato3</OPTION> <OPTION value=8B3626>Tomato4</OPTION> <OPTION value=D02090>VioletRed</OPTION> <OPTION value=FF3E96>VioletRed1</OPTION> <OPTION value=EE3A8C>VioletRed2</OPTION> <OPTION value=CD3278>VioletRed3</OPTION> <OPTION value=8B2252>VioletRed4</OPTION> <OPTION value=9932CC>DarkOrchid</OPTION> <OPTION value=BF3EFF>DarkOrchid1</OPTION> <OPTION value=B23AEE>DarkOrchid2</OPTION> <OPTION value=9A32CD>DarkOrchid3</OPTION> <OPTION value=68228B>DarkOrchid4</OPTION> <OPTION value=9400D3>DarkViolet</OPTION> <OPTION value=E6E6FA>Lavender</OPTION> <OPTION value=FFF0F5>LavenderBlush</OPTION> <OPTION value=EEE0E5>LavenderBlush2</OPTION> <OPTION value=CDC1C5>LavenderBlush3</OPTION> <OPTION value=8B8386>LavenderBlush4</OPTION> <OPTION value=FF00FF>Magenta</OPTION> <OPTION value=EE00EE>Magenta2</OPTION> <OPTION value=CD00CD>Magenta3</OPTION> <OPTION value=8B008B>Magenta4</OPTION> <OPTION value=B03060>Maroon</OPTION> <OPTION value=FF34B3>Maroon1</OPTION> <OPTION value=EE30A7>Maroon2</OPTION> <OPTION value=CD2990>Maroon3</OPTION> <OPTION value=8B1C62>Maroon4</OPTION> <OPTION value=BA55D3>MediumOrchid</OPTION> <OPTION value=E066FF>MediumOrchid1</OPTION> <OPTION value=D15FEE>MediumOrchid2</OPTION> <OPTION value=B452CD>MediumOrchid3</OPTION> <OPTION value=7A378B>MediumOrchid4</OPTION> <OPTION value=9370DB>MediumPurple</OPTION> <OPTION value=AB82FF>MediumPurple1</OPTION> <OPTION value=9F79EE>MediumPurple2</OPTION> <OPTION value=8968CD>MediumPurple3</OPTION> <OPTION value=5D478B>MediumPurple4</OPTION> <OPTION value=DA70D6>Orchid</OPTION> <OPTION value=FF83FA>Orchid1</OPTION> <OPTION value=EE7AE9>Orchid2</OPTION> <OPTION value=CD69C9>Orchid3</OPTION> <OPTION value=8B4789>Orchid4</OPTION> <OPTION value=DDA0DD>Plum</OPTION> <OPTION value=FFBBFF>Plum1</OPTION> <OPTION value=EEAEEE>Plum2</OPTION> <OPTION value=CD96CD>Plum3</OPTION> <OPTION value=8B668B>Plum4</OPTION> <OPTION value=A020F0>Purple</OPTION> <OPTION value=9B30FF>Purple1</OPTION> <OPTION value=912CEE>Purple2</OPTION> <OPTION value=7D26CD>Purple3</OPTION> <OPTION value=551A8B>Purple4</OPTION> <OPTION value=D8BFD8>Thistle</OPTION> <OPTION value=FFE1FF>Thistle1</OPTION> <OPTION value=EED2EE>Thistle2</OPTION> <OPTION value=CDB5CD>Thistle3</OPTION> <OPTION value=8B7B8B>Thistle4</OPTION> <OPTION value=FFFFFF> ----- White -----</OPTION> <OPTION value=FAEBD7>AntiqueWhite</OPTION> <OPTION value=FFEFDB>AntiqueWhite1</OPTION> <OPTION value=EEDFCC>AntiqueWhite2</OPTION> <OPTION value=CDC0B0>AntiqueWhite3</OPTION> <OPTION value=8B8378>AntiqueWhite4</OPTION> <OPTION value=FFFAF0>FloralWhite</OPTION> <OPTION value=DCDCDC>Gainsboro</OPTION> <OPTION value=F8F8FF>GhostWhite</OPTION> <OPTION value=FFFFF0>Ivory</OPTION> <OPTION value=EEEEE0>Ivory2</OPTION> <OPTION value=CDCDC1>Ivory3</OPTION> <OPTION value=8B8B83>Ivory4</OPTION> <OPTION value=FAF0E6>Linen</OPTION> <OPTION value=FFDEAD>NavajoWhite</OPTION> <OPTION value=EECFA1>NavajoWhite2</OPTION> <OPTION value=CDB38B>NavajoWhite3</OPTION> <OPTION value=8B795E>NavajoWhite4</OPTION> <OPTION value=FDF5E6>OldLace</OPTION> <OPTION value=FFF5EE>Seashell</OPTION> <OPTION value=EEE5DE>Seashell2</OPTION> <OPTION value=CDC5BF>Seashell3</OPTION> <OPTION value=8B8682>Seashell4</OPTION> <OPTION value=FFFAFA>Snow</OPTION> <OPTION value=EEE9E9>Snow2</OPTION> <OPTION value=CDC9C9>Snow3</OPTION> <OPTION value=8B8989>Snow4</OPTION> <OPTION value=F5DEB3>Wheat</OPTION> <OPTION value=FFE7BA>Wheat1</OPTION> <OPTION value=EED8AE>Wheat2</OPTION> <OPTION value=CDBA96>Wheat3</OPTION> <OPTION value=8B7E66>Wheat4</OPTION> <OPTION value=F5F5F5>WhiteSmoke</OPTION> <OPTION value=FFFF00> ----- Yellow -----</OPTION> <OPTION value=FFEBCD>BlanchedAlmond</OPTION> <OPTION value=FFF8DC>Cornsilk</OPTION> <OPTION value=EEE8CD>Cornsilk2</OPTION> <OPTION value=CDC8B1>Cornsilk3</OPTION> <OPTION value=8B8878>Cornsilk4</OPTION> <OPTION value=B8860B>DarkGoldenrod</OPTION> <OPTION value=FFB90F>DarkGoldenrod1</OPTION> <OPTION value=EEAD0E>DarkGoldenrod2</OPTION> <OPTION value=CD950C>DarkGoldenrod3</OPTION> <OPTION value=8B6508>DarkGoldenrod4</OPTION> <OPTION value=FFD700>Gold</OPTION> <OPTION value=EEC900>Gold2</OPTION> <OPTION value=CDAD00>Gold3</OPTION> <OPTION value=8B7499>Gold4</OPTION> <OPTION value=DAA520>Goldenrod</OPTION> <OPTION value=FFC125>Goldenrod1</OPTION> <OPTION value=EEB422>Goldenrod2</OPTION> <OPTION value=CD9B1D>Goldenrod3</OPTION> <OPTION value=8B6914>Goldenrod4</OPTION> <OPTION value=FFFACD>LemonChiffon</OPTION> <OPTION value=EEE9BF>LemonChiffon2</OPTION> <OPTION value=CDC9A5>LemonChiffon3</OPTION> <OPTION value=8B8970>LemonChiffon4</OPTION> <OPTION value=EEDD82>LightGoldenrod</OPTION> <OPTION value=FFEC8B>LightGoldenrod1</OPTION> <OPTION value=EEDC82>LightGoldenrod2</OPTION> <OPTION value=CDBE70>LightGoldenrod3</OPTION> <OPTION value=8B814C>LightGoldenrod4</OPTION> <OPTION value=FAFAD2>LightGoldenrodYellow</OPTION> <OPTION value=FFFFE0>LightYellow</OPTION> <OPTION value=EEEED1>LightYellow2</OPTION> <OPTION value=CDCDB4>LightYellow3</OPTION> <OPTION value=8B8B7A>LightYellow4</OPTION> <OPTION value=FFE4B5>Moccasin</OPTION> <OPTION value=EEE8AA>PaleGoldenrod</OPTION> <OPTION value=FFEFD5>PapayaWhip</OPTION> <OPTION value=EEEE00>Yellow2</OPTION> <OPTION value=CDCD00>Yellow3</OPTION> <OPTION value=8B8B00>Yellow4</OPTION> <OPTION value=""></OPTION></SELECT></TD></TR> <TR> <TD align=right><B>Red/Green/Blue<INPUT CHECKED name=takex onclick=javascrip:document.forms[0].red.focus() type=radio>:</B></TD> <TD align=left><B><INPUT maxLength=3 name=red onfocus=javascript:document.forms[0].takex[0].checked=1 size=3 value=0>/ <INPUT maxLength=3 name=green onfocus=javascript:document.forms[0].takex[0].checked=1 size=3 value=0>/ <INPUT maxLength=3 name=blue onfocus=javascript:document.forms[0].takex[0].checked=1 size=3 value=0></B></TD></TR> <TR> <TD align=right><B>Hex<INPUT name=takex onclick=javascript:document.forms[0].hex.focus() type=radio>:</B></TD> <TD align=left><INPUT maxLength=6 name=hex onfocus=javascript:document.forms[0].takex[1].checked=1 size=6 value=000000></TD></TR> <TR> <TD align=right><INPUT onclick=inputval() type=button value="Paint it!"></TD></TR></TBODY></TABLE></FORM><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->