Цветовая палитра

<HEAD> </HEAD> <BODY onload="start_personalize()"> <center> <script> function start_personalize() { Farbwahl=document.Formular1.Farbwahl.selectedIndex; Farbe=document.Formular1.Farbwahl.options[Farbwahl].value; var out, take; take= Farbe; out='<table border="2" cellpadding="3" cellspacing="0" width="64"> <tr><td bgcolor="#'+take+'"> </td></tr></table>'; take1.innerHTML=out; personalize2(); } function personalize2() { Farbwahl=document.Formular1.Farbwahl.selectedIndex; Farbe=document.Formular1.Farbwahl.options[Farbwahl].value; var out, take; take= Farbe; out='<input type="text" name="Farbcode" size="8" value="#'+take+'">'; take2.innerHTML=out; Berechnung(); } function Berechnung() { Farbwahl=document.Formular1.Farbwahl.selectedIndex; Farbe=document.Formular1.Farbwahl.options[Farbwahl].value; var out, taketwo, out2, take; taketwo= Farbe; out='<table border="2" cellpadding="0" cellspacing="0"> <tr><td bgcolor="#'+taketwo+'"><div id="take4"></div></td></tr></table>'; take3.innerHTML=out; Textfarbwahl=document.Formular1.Textfarbwahl.selectedIndex; Farbe2=document.Formular1.Textfarbwahl.options[Textfarbwahl].value; textbild=document.Formular1.textbild.selectedIndex; textbild=textbild*1; if (textbild==0){ t="Times New Roman";}; if (textbild==1){ t="Georgia";}; if (textbild==2){ t="Times";}; if (textbild==3){ t="Arial";}; if (textbild==4){ t="Helvetica";}; if (textbild==5){ t="Geneva";}; if (textbild==6){ t="Swiss";}; if (textbild==7){ t="SunSans-Regular";}; if (textbild==8){ t="Courier New";}; if (textbild==9){ t="Courier";}; if (textbild==10){ t="Monaco";}; take=t; Textgroesse=document.Formular1.Textgroesse.selectedIndex; Textgroesse=document.Formular1.Textgroesse.options[Textgroesse].value; if(Textgroesse=="ohne"){ out2='<font face="'+take+'" color="#'+Farbe2+'"><br> Dies ist ein Schriftbeispiel. Это только пример шрифта. <br><br></font>';}; else{ out2='<font face="'+take+'" size="'+Textgroesse+'" color="#'+Farbe2+'">Dies ist ein Schriftbeispiel. Это только пример шрифта.</font>'; }; take4.innerHTML=out2; } </script> <form name="Formular1" action="(Empty Reference!)" method="get"> <table cool width="352" height="162" usegridx usegridy showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0"> <tr height="16"> <td width="3451" height="16" colspan="9"></td> <td width="1" height="16"><spacer type="block" width="1" height="16"></td> </tr> <tr height="32"> <td width="16" height="145" rowspan="4"></td> <td width="128" height="32" colspan="3" align="left" xpos="16" content valign="top" csheight="32"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Hintergrundfarbe:</font></td> <td width="3307" height="32" colspan="5"></td> <td width="1" height="32"><spacer type="block" width="1" height="32"></td> </tr> <tr height="32"> <td width="144" height="32" colspan="4" valign="top" align="left" xpos="16"><select name="Farbwahl" size="1" onChange="start_personalize()"> <option value="000000">Black</option> <option value="696969">DimGray</option> <option value="808080">Gray</option> <option value="A9A9A9">DarkGrey</option> <option value="cococo">Silver</option> <option value="D3D3D3">LightGrey</option> <option value="DCDCDC">Gainsboro</option> <option value="F5F5F5">WhiteSmoke</option> <option value="FFFFFF" selected>White</option> <option value="800000">Maroon</option> <option value="8B0000">DarkRed</option> <option value="FF0000">Red</option> <option value="FF4500">OrangeRed</option> <option value="FF8C00">DarkOrange</option> <option value="FFA500">Orange</option> <option value="FFD700">Gold</option> <option value="808000">Olive</option> <option value="FFFF00">Yellow</option> <option value="B8860B">DarkGoldenrod</option> <option value="8B4513">SaddleBrown</option> <option value="D2691E">Chocolate</option> <option value="DAA520">Goldenrod</option> <option value="B22222">FireBrick</option> <option value="A52A2A">Brown</option> <option value="A0522D">Sienna</option> <option value="CD853F">Peru</option> <option value="FF6347">Tomato</option> <option value="FF7F50">Coral</option> <option value="CD5C5C">IndianRed</option> <option value="BDB76B">SandyBrown</option> <option value="BDB76B">DarkKhaki</option> <option value="FA8072">Salmon</option> <option value="E9967A">DarkSalmon</option> <option value="FFA07A">LightSalmon</option> <option value="F08080">LightCoral</option> <option value="DEB887">BurlyWood</option> <option value="D2B48C">Tan</option> <option value="F0E68C">Khaki</option> <option value="BC8F8F">RosyBrown</option> <option value="EEE8AA">PaleGoldenrod</option> <option value="FFDEAD">NavajoWhite</option> <option value="F5DEB3">Wheat</option> <option value="FFE4B5">Moccasin</option> <option value="FFDAB9">PeachPuff</option> <option value="FFE4C4">Bisque</option> <option value="FFEBCD">BlanchedAlmond</option> <option value="FFFACD">LemonChiffon</option> <option value="FAFAD2">LightGoldenrodYellow</option> <option value="FFEFD5">PapayaWhip</option> <option value="FAEBD7">AntiqueWhite</option> <option value="F5F5DC">Beige</option> <option value="FFF8DC">Cornsilk</option> <option value="FFFFE0">LightYellow</option> <option value="FFE4E1">MistyRose</option> <option value="FAF0E6">Linen</option> <option value="FDF5E6">Oldlace</option> <option value="FFF5EE">Seashell</option> <option value="FFFAF0">FloralWhite</option> <option value="FFFFF0">Ivory</option> <option value="FFFAFA">Snow</option> <option value="7FFF00">Chartreuse</option> <option value="7CFC00">LawnGreen</option> <option value="006400">DarkGreen</option> <option value="008000">Green</option> <option value="00FF00">Lime</option> <option value="228B22">ForestGreen</option> <option value="6B8E23">OliveDrab</option> <option value="556B2F">DarkOliveGreen</option> <option value="ADFF2F">GreenYellow</option> <option value="9ACD32">YellowGreen</option> <option value="32CD32">LimeGreen</option> <option value="8FBC8F">DarkSeaGreen</option> <option value="90EE90">LightGreen</option> <option value="98FB98">PaleGreen</option> <option value="F0FFF0">Honeydew</option> <option value="00FF7F">SpringGreen</option> <option value="00FA9A">MediumSpringGreen</option> <option value="20B2AA">LightSeaGreen</option> <option value="2E8B57">SeaGreen</option> <option value="3CB371">MediumSeaGreen</option> <option value="40E0D0">Turquoise</option> <option value="48D1CC">MediumTurquoise</option> <option value="66CDAA">MediumAquamarine</option> <option value="7FFFD4">Aquamarine</option> <option value="F5FFFA">MintCream</option> <option value="008080">Teal</option> <option value="008B8B">DarkCyan</option> <option value="00FFFF">Cyan</option> <option value="00CED1">DarkTurquoise</option> <option value="00BFFF">DeepSkyBlue</option> <option value="000080">Navy</option> <option value="00008B">DarkBlue</option> <option value="0000CD">MediumBlue</option> <option value="0000FF">Blue</option> <option value="191970">MidnightBlue</option> <option value="1E90FF">DodgerBlue</option> <option value="2F4F4F">DarkSlateGray</option> <option value="4169E1">RoyalBlue</option> <option value="4682B4">SteelBlue</option> <option value="5F9EA0">CadetBlue</option> <option value="6495ED">CornFlowerBlue</option> <option value="708090">SlateGray</option> <option value="778899">LightSlateGray</option> <option value="87CEEB">SkyBlue</option> <option value="87CEFA">LightSkyBlue</option> <option value="ADD8E6">LightBlue</option> <option value="AFEEEE">Paleturquoise</option> <option value="B0C4DE">LightSteelBlue</option> <option value="B0E0E6">PowderBlue</option> <option value="E0FFFF">LightCyan</option> <option value="E6E6FA">Lavender</option> <option value="F0FFFF">Azure</option> <option value="F0F8FF">AliceBlue</option> <option value="F8F8FF">GhostWhite</option> <option value="4B0082">Indigo</option> <option value="9400D3">DarkViolet</option> <option value="8A2BE2">BlueViolet</option> <option value="9932CC">DarkOrchid</option> <option value="483D8B">DarkSlateBlue</option> <option value="BA55D3">MediumOrchid</option> <option value="6A5ACD">SlateBlue</option> <option value="7B68EE">MediumSlateBlue</option> <option value="9370DB">MediumPurple</option> <option value="800080">Purple</option> <option value="8B008B">DarkMagenta</option> <option value="FF00FF">Magenta</option> <option value="FF1493">DeepPink</option> <option value="DC143C">Crimson</option> <option value="C71585">MediumVioletRed</option> <option value="FF69B4">HotPink</option> <option value="DA70D6">Orchid</option> <option value="DB7093">PaleVioletRed</option> <option value="EE82EE">Violet</option> <option value="DDA0DD">Plum</option> <option value="FFB6C1">LightPink</option> <option value="D8BFD8">Thistle</option> <option value="FFC0CB">Pink</option> <option value="FFF0F5">Lavenderblush</option> </select></td> <td width="32" height="32" align="left" xpos="160" content valign="top" csheight="32"> <div id="take1"></div> </td> <td width="3259" height="32" colspan="3"></td> <td width="1" height="32"><spacer type="block" width="1" height="32"></td> </tr> <tr height="48"> <td width="80" height="48" align="left" xpos="16" content valign="top" csheight="32"><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Farbcode:</font></td> <td width="32" height="48" align="left" xpos="96" content valign="top" csheight="32"> <div id="take2"></div> </td> <td width="3323" height="48" colspan="6"></td> <td width="1" height="48"><spacer type="block" width="1" height="48"></td> </tr> </center> </center> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> <p><center> <font face="arial, helvetica" size="-2"><br> </font> </center><p>

Пример:


	Название цвета:

	Код цвета: