« »

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.

Label: Color codes

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<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
	-->

Copy All x2

<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>&nbsp;-----&nbsp;Black&nbsp;&nbsp;-----</OPTION> 
        <OPTION value=0000FF>&nbsp;------&nbsp;Blue&nbsp;------</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>&nbsp;-----&nbsp;Brown&nbsp;&nbsp;-----</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>&nbsp;------&nbsp;Gray&nbsp;------</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>&nbsp;-----&nbsp;Green&nbsp;&nbsp;-----</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>&nbsp;-----&nbsp;Orange&nbsp;-----</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>&nbsp;------&nbsp;Red&nbsp;&nbsp;------</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>&nbsp;-----&nbsp;White&nbsp;&nbsp;-----</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>&nbsp;-----&nbsp;Yellow&nbsp;-----</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
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

CreditCard.rip Card.rip eChainBank.com CoinHolo.com ZWVQ.com pornID.net ChainTutor.com XMQV.com ChatTotal.com ABP3.com choose.works YeuNu.com choose.exchange system.money index.services ApexBTC.com CTRCoin.com war.money this.bid CryptoKD.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Unknown [more]
5,329
0
2
0
29.97 KBytes

JavaScript Color codes

1/5 2 votes / 5,329 previews / 0 comment 30/01/2007 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 h...JavaScript Color codes - Color codes

Let's be first member to do this

JavaScript by day

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Color codes

Label: Color codes (adsbygoogle = window.adsbygoogle || []).push({});

Free iPage Web Hosting for First Year NOW

Write your comment

Cool Domains for Sale!

JavaScript by day

Label: Color codes