Full version: jsB@nk » Background » Color codes
URL: https://www.javascriptbank.com/color-codes.html
Red, green, blue have max value of 255 and min of 0. The hex value contains 6 digits from 0-9 and A-F.Click on the holes beside any color name or the hex to use the input value to calculate the other values. To calculate hex number, all 3 color values are needed.However, if color values are calculated from hex number, only the hex number is needed. Click on the "Paint it!" button to see the color sample.
Full version: jsB@nk » Background » Color codes
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-->