Color Picker
JavaScript Source Code :
اين کد ، سورس و شماره رنگ مورد استفاده را نشان ميدهد. برای استفاده از اين کد ، ميبايست عکس بالا را نيز کپی گرفته و در همان فولدری که اين کد را قرار ميدهيد کپی کنيد
<!-- Color Picker : Code by www.esfahanhost.com / Please Dont Delete this Line --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function showColor(val) { document.colorform.hexval.value = val; } // End --> </script> </HEAD> <BODY> <center> <form name=colorform> <p dir="rtl">Color Picker<br> <map name="colmap"> <area shape="rect" coords="1,1,7,10" href="javascript:showColor('#00FF00')"> <area shape="rect" coords="9,1,15,10" href="javascript:showColor('#00FF33')"> <area shape="rect" coords="17,1,23,10" href="javascript:showColor('#00FF66')"> <area shape="rect" coords="25,1,31,10" href="javascript:showColor('#00FF99')"> <area shape="rect" coords="33,1,39,10" href="javascript:showColor('#00FFCC')"> <area shape="rect" coords="41,1,47,10" href="javascript:showColor('#00FFFF')"> <area shape="rect" coords="49,1,55,10" href="javascript:showColor('#33FF00')"> <area shape="rect" coords="57,1,63,10" href="javascript:showColor('#33FF33')"> <area shape="rect" coords="65,1,71,10" href="javascript:showColor('#33FF66')"> <area shape="rect" coords="73,1,79,10" href="javascript:showColor('#33FF99')"> <area shape="rect" coords="81,1,87,10" href="javascript:showColor('#33FFCC')"> <area shape="rect" coords="89,1,95,10" href="javascript:showColor('#33FFFF')"> <area shape="rect" coords="97,1,103,10" href="javascript:showColor('#66FF00')"> <area shape="rect" coords="105,1,111,10" href="javascript:showColor('#66FF33')"> <area shape="rect" coords="113,1,119,10" href="javascript:showColor('#66FF66')"> <area shape="rect" coords="121,1,127,10" href="javascript:showColor('#66FF99')"> <area shape="rect" coords="129,1,135,10" href="javascript:showColor('#66FFCC')"> <area shape="rect" coords="137,1,143,10" href="javascript:showColor('#66FFFF')"> <area shape="rect" coords="145,1,151,10" href="javascript:showColor('#99FF00')"> <area shape="rect" coords="153,1,159,10" href="javascript:showColor('#99FF33')"> <area shape="rect" coords="161,1,167,10" href="javascript:showColor('#99FF66')"> <area shape="rect" coords="169,1,175,10" href="javascript:showColor('#99FF99')"> <area shape="rect" coords="177,1,183,10" href="javascript:showColor('#99FFCC')"> <area shape="rect" coords="185,1,191,10" href="javascript:showColor('#99FFFF')"> <area shape="rect" coords="193,1,199,10" href="javascript:showColor('#CCFF00')"> <area shape="rect" coords="201,1,207,10" href="javascript:showColor('#CCFF33')"> <area shape="rect" coords="209,1,215,10" href="javascript:showColor('#CCFF66')"> <area shape="rect" coords="217,1,223,10" href="javascript:showColor('#CCFF99')"> <area shape="rect" coords="225,1,231,10" href="javascript:showColor('#CCFFCC')"> <area shape="rect" coords="233,1,239,10" href="javascript:showColor('#CCFFFF')"> <area shape="rect" coords="241,1,247,10" href="javascript:showColor('#FFFF00')"> <area shape="rect" coords="249,1,255,10" href="javascript:showColor('#FFFF33')"> <area shape="rect" coords="257,1,263,10" href="javascript:showColor('#FFFF66')"> <area shape="rect" coords="265,1,271,10" href="javascript:showColor('#FFFF99')"> <area shape="rect" coords="273,1,279,10" href="javascript:showColor('#FFFFCC')"> <area shape="rect" coords="281,1,287,10" href="javascript:showColor('#FFFFFF')"> <area shape="rect" coords="1,12,7,21" href="javascript:showColor('#00CC00')"> <area shape="rect" coords="9,12,15,21" href="javascript:showColor('#00CC33')"> <area shape="rect" coords="17,12,23,21" href="javascript:showColor('#00CC66')"> <area shape="rect" coords="25,12,31,21" href="javascript:showColor('#00CC99')"> <area shape="rect" coords="33,12,39,21" href="javascript:showColor('#00CCCC')"> <area shape="rect" coords="41,12,47,21" href="javascript:showColor('#00CCFF')"> <area shape="rect" coords="49,12,55,21" href="javascript:showColor('#33CC00')"> <area shape="rect" coords="57,12,63,21" href="javascript:showColor('#33CC33')"> <area shape="rect" coords="65,12,71,21" href="javascript:showColor('#33CC66')"> <area shape="rect" coords="73,12,79,21" href="javascript:showColor('#33CC99')"> <area shape="rect" coords="81,12,87,21" href="javascript:showColor('#33CCCC')"> <area shape="rect" coords="89,12,95,21" href="javascript:showColor('#33CCFF')"> <area shape="rect" coords="97,12,103,21" href="javascript:showColor('#66CC00')"> <area shape="rect" coords="105,12,111,21" href="javascript:showColor('#66CC33')"> <area shape="rect" coords="113,12,119,21" href="javascript:showColor('#66CC66')"> <area shape="rect" coords="121,12,127,21" href="javascript:showColor('#66CC99')"> <area shape="rect" coords="129,12,135,21" href="javascript:showColor('#66CCCC')"> <area shape="rect" coords="137,12,143,21" href="javascript:showColor('#66CCFF')"> <area shape="rect" coords="145,12,151,21" href="javascript:showColor('#99CC00')"> <area shape="rect" coords="153,12,159,21" href="javascript:showColor('#99CC33')"> <area shape="rect" coords="161,12,167,21" href="javascript:showColor('#99CC66')"> <area shape="rect" coords="169,12,175,21" href="javascript:showColor('#99CC99')"> <area shape="rect" coords="177,12,183,21" href="javascript:showColor('#99CCCC')"> <area shape="rect" coords="185,12,191,21" href="javascript:showColor('#99CCFF')"> <area shape="rect" coords="193,12,199,21" href="javascript:showColor('#CCCC00')"> <area shape="rect" coords="201,12,207,21" href="javascript:showColor('#CCCC33')"> <area shape="rect" coords="209,12,215,21" href="javascript:showColor('#CCCC66')"> <area shape="rect" coords="217,12,223,21" href="javascript:showColor('#CCCC99')"> <area shape="rect" coords="225,12,231,21" href="javascript:showColor('#CCCCCC')"> <area shape="rect" coords="233,12,239,21" href="javascript:showColor('#CCCCFF')"> <area shape="rect" coords="241,12,247,21" href="javascript:showColor('#FFCC00')"> <area shape="rect" coords="249,12,255,21" href="javascript:showColor('#FFCC33')"> <area shape="rect" coords="257,12,263,21" href="javascript:showColor('#FFCC66')"> <area shape="rect" coords="265,12,271,21" href="javascript:showColor('#FFCC99')"> <area shape="rect" coords="273,12,279,21" href="javascript:showColor('#FFCCCC')"> <area shape="rect" coords="281,12,287,21" href="javascript:showColor('#FFCCFF')"> <area shape="rect" coords="1,23,7,32" href="javascript:showColor('#009900')"> <area shape="rect" coords="9,23,15,32" href="javascript:showColor('#009933')"> <area shape="rect" coords="17,23,23,32" href="javascript:showColor('#009966')"> <area shape="rect" coords="25,23,31,32" href="javascript:showColor('#009999')"> <area shape="rect" coords="33,23,39,32" href="javascript:showColor('#0099CC')"> <area shape="rect" coords="41,23,47,32" href="javascript:showColor('#0099FF')"> <area shape="rect" coords="49,23,55,32" href="javascript:showColor('#339900')"> <area shape="rect" coords="57,23,63,32" href="javascript:showColor('#339933')"> <area shape="rect" coords="65,23,71,32" href="javascript:showColor('#339966')"> <area shape="rect" coords="73,23,79,32" href="javascript:showColor('#339999')"> <area shape="rect" coords="81,23,87,32" href="javascript:showColor('#3399CC')"> <area shape="rect" coords="89,23,95,32" href="javascript:showColor('#3399FF')"> <area shape="rect" coords="97,23,103,32" href="javascript:showColor('#669900')"> <area shape="rect" coords="105,23,111,32" href="javascript:showColor('#669933')"> <area shape="rect" coords="113,23,119,32" href="javascript:showColor('#669966')"> <area shape="rect" coords="121,23,127,32" href="javascript:showColor('#669999')"> <area shape="rect" coords="129,23,135,32" href="javascript:showColor('#6699CC')"> <area shape="rect" coords="137,23,143,32" href="javascript:showColor('#6699FF')"> <area shape="rect" coords="145,23,151,32" href="javascript:showColor('#999900')"> <area shape="rect" coords="153,23,159,32" href="javascript:showColor('#999933')"> <area shape="rect" coords="161,23,167,32" href="javascript:showColor('#999966')"> <area shape="rect" coords="169,23,175,32" href="javascript:showColor('#999999')"> <area shape="rect" coords="177,23,183,32" href="javascript:showColor('#9999CC')"> <area shape="rect" coords="185,23,191,32" href="javascript:showColor('#9999FF')"> <area shape="rect" coords="193,23,199,32" href="javascript:showColor('#CC9900')"> <area shape="rect" coords="201,23,207,32" href="javascript:showColor('#CC9933')"> <area shape="rect" coords="209,23,215,32" href="javascript:showColor('#CC9966')"> <area shape="rect" coords="217,23,223,32" href="javascript:showColor('#CC9999')"> <area shape="rect" coords="225,23,231,32" href="javascript:showColor('#CC99CC')"> <area shape="rect" coords="233,23,239,32" href="javascript:showColor('#CC99FF')"> <area shape="rect" coords="241,23,247,32" href="javascript:showColor('#FF9900')"> <area shape="rect" coords="249,23,255,32" href="javascript:showColor('#FF9933')"> <area shape="rect" coords="257,23,263,32" href="javascript:showColor('#FF9966')"> <area shape="rect" coords="265,23,271,32" href="javascript:showColor('#FF9999')"> <area shape="rect" coords="273,23,279,32" href="javascript:showColor('#FF99CC')"> <area shape="rect" coords="281,23,287,32" href="javascript:showColor('#FF99FF')"> <area shape="rect" coords="1,34,7,43" href="javascript:showColor('#006600')"> <area shape="rect" coords="9,34,15,43" href="javascript:showColor('#006633')"> <area shape="rect" coords="17,34,23,43" href="javascript:showColor('#006666')"> <area shape="rect" coords="25,34,31,43" href="javascript:showColor('#006699')"> <area shape="rect" coords="33,34,39,43" href="javascript:showColor('#0066CC')"> <area shape="rect" coords="41,34,47,43" href="javascript:showColor('#0066FF')"> <area shape="rect" coords="49,34,55,43" href="javascript:showColor('#336600')"> <area shape="rect" coords="57,34,63,43" href="javascript:showColor('#336633')"> <area shape="rect" coords="65,34,71,43" href="javascript:showColor('#336666')"> <area shape="rect" coords="73,34,79,43" href="javascript:showColor('#336699')"> <area shape="rect" coords="81,34,87,43" href="javascript:showColor('#3366CC')"> <area shape="rect" coords="89,34,95,43" href="javascript:showColor('#3366FF')"> <area shape="rect" coords="97,34,103,43" href="javascript:showColor('#666600')"> <area shape="rect" coords="105,34,111,43" href="javascript:showColor('#666633')"> <area shape="rect" coords="113,34,119,43" href="javascript:showColor('#666666')"> <area shape="rect" coords="121,34,127,43" href="javascript:showColor('#666699')"> <area shape="rect" coords="129,34,135,43" href="javascript:showColor('#6666CC')"> <area shape="rect" coords="137,34,143,43" href="javascript:showColor('#6666FF')"> <area shape="rect" coords="145,34,151,43" href="javascript:showColor('#996600')"> <area shape="rect" coords="153,34,159,43" href="javascript:showColor('#996633')"> <area shape="rect" coords="161,34,167,43" href="javascript:showColor('#996666')"> <area shape="rect" coords="169,34,175,43" href="javascript:showColor('#996699')"> <area shape="rect" coords="177,34,183,43" href="javascript:showColor('#9966CC')"> <area shape="rect" coords="185,34,191,43" href="javascript:showColor('#9966FF')"> <area shape="rect" coords="193,34,199,43" href="javascript:showColor('#CC6600')"> <area shape="rect" coords="201,34,207,43" href="javascript:showColor('#CC6633')"> <area shape="rect" coords="209,34,215,43" href="javascript:showColor('#CC6666')"> <area shape="rect" coords="217,34,223,43" href="javascript:showColor('#CC6699')"> <area shape="rect" coords="225,34,231,43" href="javascript:showColor('#CC66CC')"> <area shape="rect" coords="233,34,239,43" href="javascript:showColor('#CC66FF')"> <area shape="rect" coords="241,34,247,43" href="javascript:showColor('#FF6600')"> <area shape="rect" coords="249,34,255,43" href="javascript:showColor('#FF6633')"> <area shape="rect" coords="257,34,263,43" href="javascript:showColor('#FF6666')"> <area shape="rect" coords="265,34,271,43" href="javascript:showColor('#FF6699')"> <area shape="rect" coords="273,34,279,43" href="javascript:showColor('#FF66CC')"> <area shape="rect" coords="281,34,287,43" href="javascript:showColor('#FF66FF')"> <area shape="rect" coords="1,45,7,54" href="javascript:showColor('#003300')"> <area shape="rect" coords="9,45,15,54" href="javascript:showColor('#003333')"> <area shape="rect" coords="17,45,23,54" href="javascript:showColor('#003366')"> <area shape="rect" coords="25,45,31,54" href="javascript:showColor('#003399')"> <area shape="rect" coords="33,45,39,54" href="javascript:showColor('#0033CC')"> <area shape="rect" coords="41,45,47,54" href="javascript:showColor('#0033FF')"> <area shape="rect" coords="49,45,55,54" href="javascript:showColor('#333300')"> <area shape="rect" coords="57,45,63,54" href="javascript:showColor('#333333')"> <area shape="rect" coords="65,45,71,54" href="javascript:showColor('#333366')"> <area shape="rect" coords="73,45,79,54" href="javascript:showColor('#333399')"> <area shape="rect" coords="81,45,87,54" href="javascript:showColor('#3333CC')"> <area shape="rect" coords="89,45,95,54" href="javascript:showColor('#3333FF')"> <area shape="rect" coords="97,45,103,54" href="javascript:showColor('#663300')"> <area shape="rect" coords="105,45,111,54" href="javascript:showColor('#663333')"> <area shape="rect" coords="113,45,119,54" href="javascript:showColor('#663366')"> <area shape="rect" coords="121,45,127,54" href="javascript:showColor('#663399')"> <area shape="rect" coords="129,45,135,54" href="javascript:showColor('#6633CC')"> <area shape="rect" coords="137,45,143,54" href="javascript:showColor('#6633FF')"> <area shape="rect" coords="145,45,151,54" href="javascript:showColor('#993300')"> <area shape="rect" coords="153,45,159,54" href="javascript:showColor('#993333')"> <area shape="rect" coords="161,45,167,54" href="javascript:showColor('#993366')"> <area shape="rect" coords="169,45,175,54" href="javascript:showColor('#993399')"> <area shape="rect" coords="177,45,183,54" href="javascript:showColor('#9933CC')"> <area shape="rect" coords="185,45,191,54" href="javascript:showColor('#9933FF')"> <area shape="rect" coords="193,45,199,54" href="javascript:showColor('#CC3300')"> <area shape="rect" coords="201,45,207,54" href="javascript:showColor('#CC3333')"> <area shape="rect" coords="209,45,215,54" href="javascript:showColor('#CC3366')"> <area shape="rect" coords="217,45,223,54" href="javascript:showColor('#CC3399')"> <area shape="rect" coords="225,45,231,54" href="javascript:showColor('#CC33CC')"> <area shape="rect" coords="233,45,239,54" href="javascript:showColor('#CC33FF')"> <area shape="rect" coords="241,45,247,54" href="javascript:showColor('#FF3300')"> <area shape="rect" coords="249,45,255,54" href="javascript:showColor('#FF3333')"> <area shape="rect" coords="257,45,263,54" href="javascript:showColor('#FF3366')"> <area shape="rect" coords="265,45,271,54" href="javascript:showColor('#FF3399')"> <area shape="rect" coords="273,45,279,54" href="javascript:showColor('#FF33CC')"> <area shape="rect" coords="281,45,287,54" href="javascript:showColor('#FF33FF')"> <area shape="rect" coords="1,56,7,65" href="javascript:showColor('#000000')"> <area shape="rect" coords="9,56,15,65" href="javascript:showColor('#000033')"> <area shape="rect" coords="17,56,23,65" href="javascript:showColor('#000066')"> <area shape="rect" coords="25,56,31,65" href="javascript:showColor('#000099')"> <area shape="rect" coords="33,56,39,65" href="javascript:showColor('#0000CC')"> <area shape="rect" coords="41,56,47,65" href="javascript:showColor('#0000FF')"> <area shape="rect" coords="49,56,55,65" href="javascript:showColor('#330000')"> <area shape="rect" coords="57,56,63,65" href="javascript:showColor('#330033')"> <area shape="rect" coords="65,56,71,65" href="javascript:showColor('#330066')"> <area shape="rect" coords="73,56,79,65" href="javascript:showColor('#330099')"> <area shape="rect" coords="81,56,87,65" href="javascript:showColor('#3300CC')"> <area shape="rect" coords="89,56,95,65" href="javascript:showColor('#3300FF')"> <area shape="rect" coords="97,56,103,65" href="javascript:showColor('#660000')"> <area shape="rect" coords="105,56,111,65" href="javascript:showColor('#660033')"> <area shape="rect" coords="113,56,119,65" href="javascript:showColor('#660066')"> <area shape="rect" coords="121,56,127,65" href="javascript:showColor('#660099')"> <area shape="rect" coords="129,56,135,65" href="javascript:showColor('#6600CC')"> <area shape="rect" coords="137,56,143,65" href="javascript:showColor('#6600FF')"> <area shape="rect" coords="145,56,151,65" href="javascript:showColor('#990000')"> <area shape="rect" coords="153,56,159,65" href="javascript:showColor('#990033')"> <area shape="rect" coords="161,56,167,65" href="javascript:showColor('#990066')"> <area shape="rect" coords="169,56,175,65" href="javascript:showColor('#990099')"> <area shape="rect" coords="177,56,183,65" href="javascript:showColor('#9900CC')"> <area shape="rect" coords="185,56,191,65" href="javascript:showColor('#9900FF')"> <area shape="rect" coords="193,56,199,65" href="javascript:showColor('#CC0000')"> <area shape="rect" coords="201,56,207,65" href="javascript:showColor('#CC0033')"> <area shape="rect" coords="209,56,215,65" href="javascript:showColor('#CC0066')"> <area shape="rect" coords="217,56,223,65" href="javascript:showColor('#CC0099')"> <area shape="rect" coords="225,56,231,65" href="javascript:showColor('#CC00CC')"> <area shape="rect" coords="233,56,239,65" href="javascript:showColor('#CC00FF')"> <area shape="rect" coords="241,56,247,65" href="javascript:showColor('#FF0000')"> <area shape="rect" coords="249,56,255,65" href="javascript:showColor('#FF0033')"> <area shape="rect" coords="257,56,263,65" href="javascript:showColor('#FF0066')"> <area shape="rect" coords="265,56,271,65" href="javascript:showColor('#FF0099')"> <area shape="rect" coords="273,56,279,65" href="javascript:showColor('#FF00CC')"> <area shape="rect" coords="281,56,287,65" href="javascript:showColor('#FF00FF')"> </map> <a> <img usemap="#colmap" src="colortable.gif" border=0></a><br> <br> <font face="Tahoma" style="font-size: 9pt">برای انتخاب راحتتر شماره کد رنگها ، ميتوانيد با کليک بر روی رنگهای بالا ، کد رنگ مربوطه را در کادر زير مشاهده نمائيد<br> </font> <input type=text name=hexval size=10 readonly dir="ltr"> </p> </form> </center> <!-- End Code -->