FARBE Web-SgS

Script - 27

Выбор: цвет и код

<head> <STYLE>.ColorCell { WIDTH: 3px; HEIGHT: 3px } .GradientColorCell { WIDTH: 5px; HEIGHT: 20px } </STYLE> <SCRIPT> // convertion decimal ver hexa function Hexa(Dec){ var nb = Dec.toString(16) if (nb.length < 2) {nb = "0" + nb} return(nb) } function GradientPart(dr, dg, db, fr, fg, fb, Step) { cr=dr;cg=dg;cb=db // Calcul du pas par couleur sr=((fr-dr)/Step) // rouge sg=((fg-dg)/Step) // vert sb=((fb-db)/Step) // bleu var Result = '' for (var x = 0; x <= Step; x++) { var cmd = " onclick=\"ColorCode.value=this.bgColor;\" onmouseover=\"ColorShow.style.backgroundColor=this.bgColor;\"" Result += "<TD CLASS=ColorCell BGCOLOR=#" + Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb)) + cmd + "></TD>" cr += sr; cg += sg; cb += sb } return(Result) } function WriteRow(a,i){ document.write("<TR>") document.write(GradientPart(a,i,i, a,a,i, StepH)) document.write(GradientPart(a,a,i ,i,a,i, StepH)) document.write(GradientPart(i,a,i, i,a,a, StepH)) document.write(GradientPart(i,a,a, i,i,a, StepH)) document.write(GradientPart(i,i,a, a,i,a, StepH)) document.write(GradientPart(a,i,a, a,i,i, StepH)) document.write("</TR>") } </SCRIPT> </head> <CENTER> <BODY> <Center> <br> <table border="0" width="530"> <tr> <td> <h4>Коды цветов</h4> <p align=center> <BR> <DIV align=center> <TABLE> <TBODY> <TR> <TD colSpan=2> <SCRIPT> // ecriture du tableau de dégradé document.write("<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE='border: 1px solid black'>") StepH = 20 var StepV = 8 var i=0 var a=0 // niveau foncé for (a=0;a<=255; a+=StepV){ WriteRow(a,i) } a=255 // niveau clair for (i=0; i<=255; i+=StepV){ WriteRow(a,i) } document.write("</TABLE>") </SCRIPT> </TD></TR> <TR> <TD> <DIV id=ColorShow style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 100px; BORDER-BOTTOM: black 1px solid; HEIGHT: 60px"></DIV></TD> <TD><font color=#424a74>КОД: </font> <INPUT id=ColorCode size=8> </TD></TR></TBODY></TABLE></DIV> <TABLE height="50%" cellSpacing=1 cellPadding=2 width="68%" align=center summary="" border=0> <TBODY> <TR></TR></TBODY></TABLE> <p align="center"> Выбери нужный цвет: <p align="center"> Води курсором мышки по цветному полю. В маленьком окне, будет появляться цвет, на который ты навёл мышкой. Выбрав нужный тебе цвет, просто кликни по нему. В окне <b>КОД</b> - появится код, выбранного тобой цвета. Скопировать - кнопки (Ctrl+C). Вставить в нужное тебе место - кнопки (Ctrl+V). </td> </tr> </table> <br> </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>

Пример:


	КОД:

Води курсором мышки по цветному полю. В маленьком окне, будет появляться цвет, на который ты навёл мышкой. Выбрав нужный тебе цвет, просто кликни по нему. В окне КОД - появится код, выбранного тобой цвета.
Скопировать - кнопки (Ctrl+C). Вставить в нужное тебе место - кнопки (Ctrl+V).
Или маркируешь, копируешь и вставляешь - всё, правой кнопкой мышки.

**На верх **

на верх