generator warna
PASTEKAN SAJA DI GADGET: HTML/JAVASCRIPT .
KEBAWAH color picker
==================================
<script language="JavaScript">
<!-- Crack:D'code88 (http://teater88.blogspot.com/) -->
<!-- Blogger merah putih:http://teater88.blogspot.com/-->
<!-- Hati hati saja mengubah kode dik-->
<!--http://teater88.blogspot.com/ -->
<!-- Begin
function showColor(val) {
document.colorform.hexval.value = val;
}
// End -->
</script>
<form xmlns="http://www.w3.org/1999/xhtml" name="colorform">
Color Picker<br/>
<map name="colmap">
<area href="javascript:showColor('#00FF00')" coords="1,1,7,10" shape="rect"/>
<area href="javascript:showColor('#00FF33')" coords="9,1,15,10" shape="rect"/>
<area href="javascript:showColor('#00FF66')" coords="17,1,23,10" shape="rect"/>
<area href="javascript:showColor('#00FF99')" coords="25,1,31,10" shape="rect"/>
<area href="javascript:showColor('#00FFCC')" coords="33,1,39,10" shape="rect"/>
<area href="javascript:showColor('#00FFFF')" coords="41,1,47,10" shape="rect"/>
<area href="javascript:showColor('#33FF00')" coords="49,1,55,10" shape="rect"/>
<area href="javascript:showColor('#33FF33')" coords="57,1,63,10" shape="rect"/>
<area href="javascript:showColor('#33FF66')" coords="65,1,71,10" shape="rect"/>
<area href="javascript:showColor('#33FF99')" coords="73,1,79,10" shape="rect"/>
<area href="javascript:showColor('#33FFCC')" coords="81,1,87,10" shape="rect"/>
<area href="javascript:showColor('#33FFFF')" coords="89,1,95,10" shape="rect"/>
<area href="javascript:showColor('#66FF00')" coords="97,1,103,10" shape="rect"/>
<area href="javascript:showColor('#66FF33')" coords="105,1,111,10" shape="rect"/>
<area href="javascript:showColor('#66FF66')" coords="113,1,119,10" shape="rect"/>
<area href="javascript:showColor('#66FF99')" coords="121,1,127,10" shape="rect"/>
<area href="javascript:showColor('#66FFCC')" coords="129,1,135,10" shape="rect"/>
<area href="javascript:showColor('#66FFFF')" coords="137,1,143,10" shape="rect"/>
<area href="javascript:showColor('#99FF00')" coords="145,1,151,10" shape="rect"/>
<area href="javascript:showColor('#99FF33')" coords="153,1,159,10" shape="rect"/>
<area href="javascript:showColor('#99FF66')" coords="161,1,167,10" shape="rect"/>
<area href="javascript:showColor('#99FF99')" coords="169,1,175,10" shape="rect"/>
<area href="javascript:showColor('#99FFCC')" coords="177,1,183,10" shape="rect"/>
<area href="javascript:showColor('#99FFFF')" coords="185,1,191,10" shape="rect"/>
<area href="javascript:showColor('#CCFF00')" coords="193,1,199,10" shape="rect"/>
<area href="javascript:showColor('#CCFF33')" coords="201,1,207,10" shape="rect"/>
<area href="javascript:showColor('#CCFF66')" coords="209,1,215,10" shape="rect"/>
<area href="javascript:showColor('#CCFF99')" coords="217,1,223,10" shape="rect"/>
<area href="javascript:showColor('#CCFFCC')" coords="225,1,231,10" shape="rect"/>
<area href="javascript:showColor('#CCFFFF')" coords="233,1,239,10" shape="rect"/>
<area href="javascript:showColor('#FFFF00')" coords="241,1,247,10" shape="rect"/>
<area href="javascript:showColor('#FFFF33')" coords="249,1,255,10" shape="rect"/>
<area href="javascript:showColor('#FFFF66')" coords="257,1,263,10" shape="rect"/>
<area href="javascript:showColor('#FFFF99')" coords="265,1,271,10" shape="rect"/>
<area href="javascript:showColor('#FFFFCC')" coords="273,1,279,10" shape="rect"/>
<area href="javascript:showColor('#FFFFFF')" coords="281,1,287,10" shape="rect"/>
<area href="javascript:showColor('#00CC00')" coords="1,12,7,21" shape="rect"/>
<area href="javascript:showColor('#00CC33')" coords="9,12,15,21" shape="rect"/>
<area href="javascript:showColor('#00CC66')" coords="17,12,23,21" shape="rect"/>
<area href="javascript:showColor('#00CC99')" coords="25,12,31,21" shape="rect"/>
<area href="javascript:showColor('#00CCCC')" coords="33,12,39,21" shape="rect"/>
<area href="javascript:showColor('#00CCFF')" coords="41,12,47,21" shape="rect"/>
<area href="javascript:showColor('#33CC00')" coords="49,12,55,21" shape="rect"/>
<area href="javascript:showColor('#33CC33')" coords="57,12,63,21" shape="rect"/>
<area href="javascript:showColor('#33CC66')" coords="65,12,71,21" shape="rect"/>
<area href="javascript:showColor('#33CC99')" coords="73,12,79,21" shape="rect"/>
<area href="javascript:showColor('#33CCCC')" coords="81,12,87,21" shape="rect"/>
<area href="javascript:showColor('#33CCFF')" coords="89,12,95,21" shape="rect"/>
<area href="javascript:showColor('#66CC00')" coords="97,12,103,21" shape="rect"/>
<area href="javascript:showColor('#66CC33')" coords="105,12,111,21" shape="rect"/>
<area href="javascript:showColor('#66CC66')" coords="113,12,119,21" shape="rect"/>
<area href="javascript:showColor('#66CC99')" coords="121,12,127,21" shape="rect"/>
<area href="javascript:showColor('#66CCCC')" coords="129,12,135,21" shape="rect"/>
<area href="javascript:showColor('#66CCFF')" coords="137,12,143,21" shape="rect"/>
<area href="javascript:showColor('#99CC00')" coords="145,12,151,21" shape="rect"/>
<area href="javascript:showColor('#99CC33')" coords="153,12,159,21" shape="rect"/>
<area href="javascript:showColor('#99CC66')" coords="161,12,167,21" shape="rect"/>
<area href="javascript:showColor('#99CC99')" coords="169,12,175,21" shape="rect"/>
<area href="javascript:showColor('#99CCCC')" coords="177,12,183,21" shape="rect"/>
<area href="javascript:showColor('#99CCFF')" coords="185,12,191,21" shape="rect"/>
<area href="javascript:showColor('#CCCC00')" coords="193,12,199,21" shape="rect"/>
<area href="javascript:showColor('#CCCC33')" coords="201,12,207,21" shape="rect"/>
<area href="javascript:showColor('#CCCC66')" coords="209,12,215,21" shape="rect"/>
<area href="javascript:showColor('#CCCC99')" coords="217,12,223,21" shape="rect"/>
<area href="javascript:showColor('#CCCCCC')" coords="225,12,231,21" shape="rect"/>
<area href="javascript:showColor('#CCCCFF')" coords="233,12,239,21" shape="rect"/>
<area href="javascript:showColor('#FFCC00')" coords="241,12,247,21" shape="rect"/>
<area href="javascript:showColor('#FFCC33')" coords="249,12,255,21" shape="rect"/>
<area href="javascript:showColor('#FFCC66')" coords="257,12,263,21" shape="rect"/>
<area href="javascript:showColor('#FFCC99')" coords="265,12,271,21" shape="rect"/>
<area href="javascript:showColor('#FFCCCC')" coords="273,12,279,21" shape="rect"/>
<area href="javascript:showColor('#FFCCFF')" coords="281,12,287,21" shape="rect"/>
<area href="javascript:showColor('#009900')" coords="1,23,7,32" shape="rect"/>
<area href="javascript:showColor('#009933')" coords="9,23,15,32" shape="rect"/>
<area href="javascript:showColor('#009966')" coords="17,23,23,32" shape="rect"/>
<area href="javascript:showColor('#009999')" coords="25,23,31,32" shape="rect"/>
<area href="javascript:showColor('#0099CC')" coords="33,23,39,32" shape="rect"/>
<area href="javascript:showColor('#0099FF')" coords="41,23,47,32" shape="rect"/>
<area href="javascript:showColor('#339900')" coords="49,23,55,32" shape="rect"/>
<area href="javascript:showColor('#339933')" coords="57,23,63,32" shape="rect"/>
<area href="javascript:showColor('#339966')" coords="65,23,71,32" shape="rect"/>
<area href="javascript:showColor('#339999')" coords="73,23,79,32" shape="rect"/>
<area href="javascript:showColor('#3399CC')" coords="81,23,87,32" shape="rect"/>
<area href="javascript:showColor('#3399FF')" coords="89,23,95,32" shape="rect"/>
<area href="javascript:showColor('#669900')" coords="97,23,103,32" shape="rect"/>
<area href="javascript:showColor('#669933')" coords="105,23,111,32" shape="rect"/>
<area href="javascript:showColor('#669966')" coords="113,23,119,32" shape="rect"/>
<area href="javascript:showColor('#669999')" coords="121,23,127,32" shape="rect"/>
<area href="javascript:showColor('#6699CC')" coords="129,23,135,32" shape="rect"/>
<area href="javascript:showColor('#6699FF')" coords="137,23,143,32" shape="rect"/>
<area href="javascript:showColor('#999900')" coords="145,23,151,32" shape="rect"/>
<area href="javascript:showColor('#999933')" coords="153,23,159,32" shape="rect"/>
<area href="javascript:showColor('#999966')" coords="161,23,167,32" shape="rect"/>
<area href="javascript:showColor('#999999')" coords="169,23,175,32" shape="rect"/>
<area href="javascript:showColor('#9999CC')" coords="177,23,183,32" shape="rect"/>
<area href="javascript:showColor('#9999FF')" coords="185,23,191,32" shape="rect"/>
<area href="javascript:showColor('#CC9900')" coords="193,23,199,32" shape="rect"/>
<area href="javascript:showColor('#CC9933')" coords="201,23,207,32" shape="rect"/>
<area href="javascript:showColor('#CC9966')" coords="209,23,215,32" shape="rect"/>
<area href="javascript:showColor('#CC9999')" coords="217,23,223,32" shape="rect"/>
<area href="javascript:showColor('#CC99CC')" coords="225,23,231,32" shape="rect"/>
<area href="javascript:showColor('#CC99FF')" coords="233,23,239,32" shape="rect"/>
<area href="javascript:showColor('#FF9900')" coords="241,23,247,32" shape="rect"/>
<area href="javascript:showColor('#FF9933')" coords="249,23,255,32" shape="rect"/>
<area href="javascript:showColor('#FF9966')" coords="257,23,263,32" shape="rect"/>
<area href="javascript:showColor('#FF9999')" coords="265,23,271,32" shape="rect"/>
<area href="javascript:showColor('#FF99CC')" coords="273,23,279,32" shape="rect"/>
<area href="javascript:showColor('#FF99FF')" coords="281,23,287,32" shape="rect"/>
<area href="javascript:showColor('#006600')" coords="1,34,7,43" shape="rect"/>
<area href="javascript:showColor('#006633')" coords="9,34,15,43" shape="rect"/>
<area href="javascript:showColor('#006666')" coords="17,34,23,43" shape="rect"/>
<area href="javascript:showColor('#006699')" coords="25,34,31,43" shape="rect"/>
<area href="javascript:showColor('#0066CC')" coords="33,34,39,43" shape="rect"/>
<area href="javascript:showColor('#0066FF')" coords="41,34,47,43" shape="rect"/>
<area href="javascript:showColor('#336600')" coords="49,34,55,43" shape="rect"/>
<area href="javascript:showColor('#336633')" coords="57,34,63,43" shape="rect"/>
<area href="javascript:showColor('#336666')" coords="65,34,71,43" shape="rect"/>
<area href="javascript:showColor('#336699')" coords="73,34,79,43" shape="rect"/>
<area href="javascript:showColor('#3366CC')" coords="81,34,87,43" shape="rect"/>
<area href="javascript:showColor('#3366FF')" coords="89,34,95,43" shape="rect"/>
<area href="javascript:showColor('#666600')" coords="97,34,103,43" shape="rect"/>
<area href="javascript:showColor('#666633')" coords="105,34,111,43" shape="rect"/>
<area href="javascript:showColor('#666666')" coords="113,34,119,43" shape="rect"/>
<area href="javascript:showColor('#666699')" coords="121,34,127,43" shape="rect"/>
<area href="javascript:showColor('#6666CC')" coords="129,34,135,43" shape="rect"/>
<area href="javascript:showColor('#6666FF')" coords="137,34,143,43" shape="rect"/>
<area href="javascript:showColor('#996600')" coords="145,34,151,43" shape="rect"/>
<area href="javascript:showColor('#996633')" coords="153,34,159,43" shape="rect"/>
<area href="javascript:showColor('#996666')" coords="161,34,167,43" shape="rect"/>
<area href="javascript:showColor('#996699')" coords="169,34,175,43" shape="rect"/>
<area href="javascript:showColor('#9966CC')" coords="177,34,183,43" shape="rect"/>
<area href="javascript:showColor('#9966FF')" coords="185,34,191,43" shape="rect"/>
<area href="javascript:showColor('#CC6600')" coords="193,34,199,43" shape="rect"/>
<area href="javascript:showColor('#CC6633')" coords="201,34,207,43" shape="rect"/>
<area href="javascript:showColor('#CC6666')" coords="209,34,215,43" shape="rect"/>
<area href="javascript:showColor('#CC6699')" coords="217,34,223,43" shape="rect"/>
<area href="javascript:showColor('#CC66CC')" coords="225,34,231,43" shape="rect"/>
<area href="javascript:showColor('#CC66FF')" coords="233,34,239,43" shape="rect"/>
<area href="javascript:showColor('#FF6600')" coords="241,34,247,43" shape="rect"/>
<area href="javascript:showColor('#FF6633')" coords="249,34,255,43" shape="rect"/>
<area href="javascript:showColor('#FF6666')" coords="257,34,263,43" shape="rect"/>
<area href="javascript:showColor('#FF6699')" coords="265,34,271,43" shape="rect"/>
<area href="javascript:showColor('#FF66CC')" coords="273,34,279,43" shape="rect"/>
<area href="javascript:showColor('#FF66FF')" coords="281,34,287,43" shape="rect"/>
<area href="javascript:showColor('#003300')" coords="1,45,7,54" shape="rect"/>
<area href="javascript:showColor('#003333')" coords="9,45,15,54" shape="rect"/>
<area href="javascript:showColor('#003366')" coords="17,45,23,54" shape="rect"/>
<area href="javascript:showColor('#003399')" coords="25,45,31,54" shape="rect"/>
<area href="javascript:showColor('#0033CC')" coords="33,45,39,54" shape="rect"/>
<area href="javascript:showColor('#0033FF')" coords="41,45,47,54" shape="rect"/>
<area href="javascript:showColor('#333300')" coords="49,45,55,54" shape="rect"/>
<area href="javascript:showColor('#333333')" coords="57,45,63,54" shape="rect"/>
<area href="javascript:showColor('#333366')" coords="65,45,71,54" shape="rect"/>
<area href="javascript:showColor('#333399')" coords="73,45,79,54" shape="rect"/>
<area href="javascript:showColor('#3333CC')" coords="81,45,87,54" shape="rect"/>
<area href="javascript:showColor('#3333FF')" coords="89,45,95,54" shape="rect"/>
<area href="javascript:showColor('#663300')" coords="97,45,103,54" shape="rect"/>
<area href="javascript:showColor('#663333')" coords="105,45,111,54" shape="rect"/>
<area href="javascript:showColor('#663366')" coords="113,45,119,54" shape="rect"/>
<area href="javascript:showColor('#663399')" coords="121,45,127,54" shape="rect"/>
<area href="javascript:showColor('#6633CC')" coords="129,45,135,54" shape="rect"/>
<area href="javascript:showColor('#6633FF')" coords="137,45,143,54" shape="rect"/>
<area href="javascript:showColor('#993300')" coords="145,45,151,54" shape="rect"/>
<area href="javascript:showColor('#993333')" coords="153,45,159,54" shape="rect"/>
<area href="javascript:showColor('#993366')" coords="161,45,167,54" shape="rect"/>
<area href="javascript:showColor('#993399')" coords="169,45,175,54" shape="rect"/>
<area href="javascript:showColor('#9933CC')" coords="177,45,183,54" shape="rect"/>
<area href="javascript:showColor('#9933FF')" coords="185,45,191,54" shape="rect"/>
<area href="javascript:showColor('#CC3300')" coords="193,45,199,54" shape="rect"/>
<area href="javascript:showColor('#CC3333')" coords="201,45,207,54" shape="rect"/>
<area href="javascript:showColor('#CC3366')" coords="209,45,215,54" shape="rect"/>
<area href="javascript:showColor('#CC3399')" coords="217,45,223,54" shape="rect"/>
<area href="javascript:showColor('#CC33CC')" coords="225,45,231,54" shape="rect"/>
<area href="javascript:showColor('#CC33FF')" coords="233,45,239,54" shape="rect"/>
<area href="javascript:showColor('#FF3300')" coords="241,45,247,54" shape="rect"/>
<area href="javascript:showColor('#FF3333')" coords="249,45,255,54" shape="rect"/>
<area href="javascript:showColor('#FF3366')" coords="257,45,263,54" shape="rect"/>
<area href="javascript:showColor('#FF3399')" coords="265,45,271,54" shape="rect"/>
<area href="javascript:showColor('#FF33CC')" coords="273,45,279,54" shape="rect"/>
<area href="javascript:showColor('#FF33FF')" coords="281,45,287,54" shape="rect"/>
<area href="javascript:showColor('#000000')" coords="1,56,7,65" shape="rect"/>
<area href="javascript:showColor('#000033')" coords="9,56,15,65" shape="rect"/>
<area href="javascript:showColor('#000066')" coords="17,56,23,65" shape="rect"/>
<area href="javascript:showColor('#000099')" coords="25,56,31,65" shape="rect"/>
<area href="javascript:showColor('#0000CC')" coords="33,56,39,65" shape="rect"/>
<area href="javascript:showColor('#0000FF')" coords="41,56,47,65" shape="rect"/>
<area href="javascript:showColor('#330000')" coords="49,56,55,65" shape="rect"/>
<area href="javascript:showColor('#330033')" coords="57,56,63,65" shape="rect"/>
<area href="javascript:showColor('#330066')" coords="65,56,71,65" shape="rect"/>
<area href="javascript:showColor('#330099')" coords="73,56,79,65" shape="rect"/>
<area href="javascript:showColor('#3300CC')" coords="81,56,87,65" shape="rect"/>
<area href="javascript:showColor('#3300FF')" coords="89,56,95,65" shape="rect"/>
<area href="javascript:showColor('#660000')" coords="97,56,103,65" shape="rect"/>
<area href="javascript:showColor('#660033')" coords="105,56,111,65" shape="rect"/>
<area href="javascript:showColor('#660066')" coords="113,56,119,65" shape="rect"/>
<area href="javascript:showColor('#660099')" coords="121,56,127,65" shape="rect"/>
<area href="javascript:showColor('#6600CC')" coords="129,56,135,65" shape="rect"/>
<area href="javascript:showColor('#6600FF')" coords="137,56,143,65" shape="rect"/>
<area href="javascript:showColor('#990000')" coords="145,56,151,65" shape="rect"/>
<area href="javascript:showColor('#990033')" coords="153,56,159,65" shape="rect"/>
<area href="javascript:showColor('#990066')" coords="161,56,167,65" shape="rect"/>
<area href="javascript:showColor('#990099')" coords="169,56,175,65" shape="rect"/>
<area href="javascript:showColor('#9900CC')" coords="177,56,183,65" shape="rect"/>
<area href="javascript:showColor('#9900FF')" coords="185,56,191,65" shape="rect"/>
<area href="javascript:showColor('#CC0000')" coords="193,56,199,65" shape="rect"/>
<area href="javascript:showColor('#CC0033')" coords="201,56,207,65" shape="rect"/>
<area href="javascript:showColor('#CC0066')" coords="209,56,215,65" shape="rect"/>
<area href="javascript:showColor('#CC0099')" coords="217,56,223,65" shape="rect"/>
<area href="javascript:showColor('#CC00CC')" coords="225,56,231,65" shape="rect"/>
<area href="javascript:showColor('#CC00FF')" coords="233,56,239,65" shape="rect"/>
<area href="javascript:showColor('#FF0000')" coords="241,56,247,65" shape="rect"/>
<area href="javascript:showColor('#FF0033')" coords="249,56,255,65" shape="rect"/>
<area href="javascript:showColor('#FF0066')" coords="257,56,263,65" shape="rect"/>
<area href="javascript:showColor('#FF0099')" coords="265,56,271,65" shape="rect"/>
<area href="javascript:showColor('#FF00CC')" coords="273,56,279,65" shape="rect"/>
<area href="javascript:showColor('#FF00FF')" coords="281,56,287,65" shape="rect"/>
</map>
<a><img height="67" border="0" width="289" src="http://2.bp.blogspot.com/-RMtL7D234rY/Tyw1kM4C6HI/AAAAAAAAAhY/1oPbxYEqg_I/s1600/colortable.gif" usemap="#colmap"/></a><br/>
Click warna dan lihat kodenya .<br/>
<input type="text" readonly="" size="10" name="hexval"/>
</form>
KEMBALI