Memasang Kode Warna HTML

Memasang Kode Warna HTML. Bagi anda yang ingin memasang widget kode warna HTML di Blog pribadi karena anda sering melakukan aktifitas dalam mengutak - atik template maupun aksesoris blog dan di dalam aktifitas tersebut anda membutuhkan kode warna, maka dibawah ini saya sediakan widget kode warna HTML kepada anda. Selain anda tidak perlu lagi mencari kode-kode warna ditempat lain dengan susah payah, anda juga bisa menyediakan widget tersebut sebagai fasilitas buat pengunjung blog anda yang sedang membutuhkan kode-kode warna. Bagaimana, apakah anda tertarik dengan widget ini? Jika tertarik, anda tinggal meng'klik tombol instal yang tersedia dibawah ini.

<a href="http://www.e-handbook.web.id" target="_blank"> <script language="javascript"><br /> function Barva(koda)<br /> {<br /> document.getElementById("vzorec").bgColor=koda;<br /> document.hcc.barva.value=koda.toUpperCase();<br /> document.hcc.barva.select();<br /> }<br /> function BarvaDruga(koda)<br /> {<br /> document.getElementById("vzorec2").bgColor=koda;<br /> document.hcc.Barva2.value=koda.toUpperCase();<br /> document.hcc.Barva2.select();<br /> }<br /> </script><br /><br /> <script type="text/javascript"><br /><br /> var hue;<br /> var picker;<br /> //var gLogger;<br /> var dd1, dd2;<br /> var r, g, b;<br /><br /> function init() {<br /> if (typeof(ygLogger) != "undefined")<br /> ygLogger.init(document.getElementById("logDiv"));<br /> pickerInit();<br /> //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"<br /> //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"<br /> }<br /><br /> // Picker ---------------------------------------------------------<br /><br /> function pickerInit() {<br /> hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);<br /> hue.onChange = function(newVal) { hueUpdate(newVal); };<br /><br /> picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);<br /> picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };<br /><br /> hueUpdate();<br /><br /> dd1 = new YAHOO.util.DD("pickerPanel");<br /> dd1.setHandleElId("pickerHandle");<br /> dd1.endDrag = function(e) {<br /> // picker.thumb.resetConstraints();<br /> // hue.thumb.resetConstraints();<br /> };<br /> }<br /><br /> executeonload(init);<br /><br /> function pickerUpdate(newX, newY) {<br /> pickerSwatchUpdate();<br /> }<br /><br /><br /> function hueUpdate(newVal) {<br /><br /> var h = (180 - hue.getValue()) / 180;<br /> if (h == 1) { h = 0; }<br /><br /> var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);<br /><br /> document.getElementById("pickerDiv").style.backgroundColor =<br /> "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";<br /><br /> pickerSwatchUpdate();<br /> }<br /><br /> function pickerSwatchUpdate() {<br /> var h = (180 - hue.getValue());<br /> if (h == 180) { h = 0; }<br /> document.getElementById("pickerhval").value = (h*2);<br /><br /> h = h / 180;<br /><br /> var s = picker.getXValue() / 180;<br /> document.getElementById("pickersval").value = Math.round(s * 100);<br /><br /> var v = (180 - picker.getYValue()) / 180;<br /> document.getElementById("pickervval").value = Math.round(v * 100);<br /><br /> var a = YAHOO.util.Color.hsv2rgb( h, s, v );<br /><br /> document.getElementById("pickerSwatch").style.backgroundColor =<br /> "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";<br /><br /> document.getElementById("pickerrval").value = a[0];<br /> document.getElementById("pickergval").value = a[1];<br /> document.getElementById("pickerbval").value = a[2];<br /> var hexvalue = document.getElementById("pickerhexval").value ='#'+<br /> YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);<br /> ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)<br /> if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();<br /> }<br /><br /> </script><!--[if gte IE 5.5000]><br /> <script type="text/javascript"><br /><br /> function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.<br /> {<br /> for(var i=0; i<document.images.length; img =" document.images[i]" imgname =" img.src.toUpperCase()" imgid =" (img.id)" id="'" imgclass =" (img.className)" class="'" imgtitle =" (img.title)" title="'" title="'" imgstyle = "display:inline-block;" align ="=" imgstyle = "float:left;" align ="=" imgstyle = "float:right;" imgstyle = "cursor:hand;" strnewhtml = "<span " style="\" src="\'" sizingmethod="'scale');\"></span>"<br /> img.outerHTML = strNewHTML<br /> i = i-1<br /> }<br /> }<br /> }<br /><br /> YAHOO.util.Event.addListener(window, "load", correctPNG);<br /><br /> </script><br /> <![endif]--><br /><br /><center><form id="hcc" name="hcc"><br /><table border="1" bordercolor="#cccccc" style="border-collapse: collapse;" cellpadding="0" cellspacing="0" align="center"><tbody><tr><td><table border="0" cellpadding="0" cellspacing="1" width="375" align="center"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"><br /></td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"><br /></td></tr><tr height="10"><td><br /></td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#151515"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#424242"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#585858"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#848484"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"><br /></td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"><br /></td></tr></tbody></table></td></tr></tbody></table><br /><table border="0" cellpadding="0" cellspacing="2" align="center"><tbody><tr height="24"><td id="vzorec" width="24" height="24"><br /></td><td valign="bottom"><p>Kode warna yang terpilih : <input id="barva" maxlength="7" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" name="barva" size="9" type="text"></p></td></tr></tbody></table><br /></form><p><a href="http://www.e-handbook.web.id/" target="new">Get it</a></p></center></a>

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan