Cara Memasang Kode Html Warna Pada Blog ~ Sahara Simple Website

Cara Memasang Kode Warna Pada Blog - Dalam membuat sebuah blog, kita pasti dihadapkan pada pemilihan sebuah warna. Warna dalam membuat blog memiliki kode tersendiri. Kode warna bagi sebagian blogger yang senang merias tampilan dan keindahan Blog, sangat dibutuhkan untuk kemudahan mendapatkan kode HTML dari setiap warna yang diperlukan. Nah untuk lebih mudah mendapatkan kode HTML setiap warna yang diinginkan, alangkah baiknya jika temen-temen memasang tabel kode warna ini di Blog atau di dalam postingan artikel. Dengan demikian dijamin teman-teman akan lebih cepat dalam bekerja merias blog karena tabel kode warrna sudah terinstall di Blog.

Cara pasang widget kode warna pada blogger

Langkah Pertama

Login ke blogger dengan id anda
Klik menu Tata Letak
Pada tab menu klik Edit HTML
Silahkan Backup dulu template anda dengan klik Download Template Lengkap

Sekarang cari kode </head>. Jika sudah ketemu, copy lalu paste kode berikut di atas kode </head>

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>

<script type='text/javascript'>

var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;

function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}

// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };

picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

hueUpdate();

dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}

executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}


function hueUpdate(newVal) {

var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }

var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

pickerSwatchUpdate();
}

function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);

h = h / 180;

var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);

var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);

var a = YAHOO.util.Color.hsv2rgb( h, s, v );

document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}

</script><!--[if gte IE 5.5000]>
<script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->

Selesai

Langkah Kedua :

Berikutnya, memasang tabel kode warna pada blog. Ada dua pilihan, pertama dipasang sebagai posting blog dan yang kedua dipasang pada halaman utama (homepage) blog. Nah, kode untuk tabel kode warna yang akan dipasang adalah berikut ini :

Kode Warna :

</div><center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

Cara pasang kode warna sebagai posting blog :

Yang pasti, anda buat posting baru terlebih dahulu
Copy lalu paste Kode Warna tersebut pada posting anda
Berikan judul posting yang sesuai
Jangan lupa untuk memberi label posting
Kemudian terbitkan postingan
Selesai

Cara pasang kode warna di halaman utama (homepage) blog :

Masuk ke menu Elemen Halaman
Klik Tambah Gadget
Pilih tambahkan HTML/JavaScript
Copy lalu paste Kode Warna tersebut di dalamnya.
Berikan judul atau nama gadget
Klik tombol Simpan
Silahkan tempatkan gadget kode warna dengan men-drag ke tempat yang sesuai
Klik tombol Simpan
Selesai

Hasilnya nanti akan seperti ini :

KODE WARNA 1

================================================================KODE WARNA 2

Nama Warna	Hexadecimal	Desimal
01. aliceblue	#f0f8ff	240,248,255
02. antiquewhite	#faebd7	250,235,215
03 aqua	#00ffff	0,255,255
04. aquamarine	#7fffd4	127,255,212
05. azure	#f0ffff	240,255,255
06. beige	#f5f5dc	245,245,220
07. bisque	#ffe4c4	255,228,196
08. black	#000000	0,0,0
09. blanchedalmond	#ffebcd	255,235,205
10. blue	#0000ff	0,0,255
11. blueviolet	#8a2be2	138,43,226
12. brown	#a52a2a	165,42,42
13. burlywood	#deb887	222,184,135
14. cadetblue	#5f9ea0	95,158,160
15. chartreuse	#7fff00	127,255,0
16. chocolate	#d2691e	210,105,30
17. coral	#ff7f50	255,127,80
18. cornflowerblue	#6495ed	100,149,237
19. cornsilk	#fff8dc	255,248,220
20. crimson	#dc143c	220,20,60
21. cyan	#00ffff	0,255,255
22. darkblue	#00008b	0,0,139
23. darkcyan	#008b8b	0,139,139
24. darkgoldenrod	#b8860b	184,134,11
25. darkgray	#a9a9a9	169,169,169
26. darkgreen	#006400	0,100,0
27. darkgrey	#a9a9a9	169,169,169
28. darkkhaki	#bdb76b	189,183,107
29. darkmagenta	#8b008b	139,0,139
30. darkolivegreen	#556b2f	85,107,47
31. darkorange	#ff8c00	255,140,0
32. darkorchid	#9932cc	153,50,204
33. darkred	#8b0000	139,0,0
34. darksalmon	#e9967a	233,150,122
35. darkseagreen	#8fbc8f	143,188,143
36. darkslateblue	#483d8b	72,61,139
37. darkslategray	#2f4f4f	47,79,79
38. darkslategrey	#2f4f4f	47,79,79
39. darkturquoise	#00ced1	0,206,209
40. darkviolet	#9400d3	148,0,211
41. deeppink	#ff1493	255,20,147
42. deepskyblue	#00bfff	0,191,255
43. dimgray	#696969	105,105,105
44. dimgrey	#696969	105,105,105
45. dodgerblue	#1e90ff	30,144,255
46. firebrick	#b22222	178,34,34
47. floralwhite	#fffaf0	255,250,240
48. forestgreen	#228b22	34,139,34
49. fuchsia	#ff00ff	255,0,255
50. gainsboro	#dcdcdc	220,220,220
51. ghostwhite	#f8f8ff	248,248,255
52. gold	#ffd700	255,215,0
53. goldenrod	#daa520	218,165,32
54. gray	#808080	128,128,128
55. green	#008000	0,128,0
56. greenyellow	#adff2f	173,255,47
57. grey	#808080	128,128,128
58. honeydew	#f0fff0	240,255,240
59. hotpink	#ff69b4	255,105,180
60. indianred	#cd5c5c	205,92,92
61. indigo	#4b0082	75,0,130
62. ivory	#fffff0	255,255,240
63. khaki	#f0e68c	240,230,140
64. lavender	#e6e6fa	230,230,250
65. lavenderblush	#fff0f5	255,240,245
66. lawngreen	#7cfc00	124,252,0
67. lemonchiffon	#fffacd	255,250,205
68. lightblue	#add8e6	173,216,230
69. lightcoral	#f08080	240,128,128
70. lightcyan	#e0ffff	224,255,255
71. lightgoldenrodyellow	#fafad2	250,250,210
72. lightgray	#d3d3d3	211,211,211
73. lightgreen	#90ee90	144,238,144
74. lightgrey	#d3d3d3	211,211,211
75. lightpink	#ffb6c1	255,182,193
76. lightsalmon	#ffa07a	255,160,122
77. lightseagreen	#20b2aa	32,178,170
78. lightskyblue	#87cefa	135,206,250
79. lightslategray	#778899	119,136,153
80. lightslategrey	#778899	119,136,153
81. lightsteelblue	#b0c4de	176,196,222
82. lightyellow	#ffffe0	255,255,224
83. lime	#00ff00	0,255,0
84. limegreen	#32cd32	50,205,50
85. linen	#faf0e6	250,240,230
86. magenta	#ff00ff	255,0,255
87. maroon	#800000	128,0,0
88. mediumaquamarine	#66cdaa	102,205,170
89. mediumblue	#0000cd	0,0,205
90. mediumorchid	#ba55d3	186,85,211
91. mediumpurple	#9370db	147,112,219
92. mediumseagreen	#3cb371	60,179,113
93. mediumslateblue	#7b68ee	123,104,238
94. mediumspringgreen	#00fa9a	0,250,154
95. mediumturquoise	#48d1cc	72,209,204
96. mediumvioletred	#c71585	199,21,133
97. midnightblue	#191970	25,25,112
98. mintcream	#f5fffa	245,255,250
99. mistyrose	#ffe4e1	255,228,225
100. moccasin	#ffe4b5	255,228,181
101. navajowhite	#ffdead	255,222,173
102. navy	#000080	0,0,128
103. oldlace	#fdf5e6	253,245,230
104. olive	#808000	128,128,0
105. olivedrab	#6b8e23	107,142,35
106. orange	#ffa500	255,165,0
107. orangered	#ff4500	255,69,0
108. orchid	#da70d6	218,112,214
109. palegoldenrod	#eee8aa	238,232,170
110. palegreen	#98fb98	152,251,152
111. paleturquoise	#afeeee	175,238,238
112. palevioletred	#db7093	219,112,147
113. papayawhip	#ffefd5	255,239,213
114. peachpuff	#ffdab9	255,218,185
115. peru	#cd853f	205,133,63
116. pink	#ffc0cb	255,192,203
117. plum	#dda0dd	221,160,221
118. powderblue	#b0e0e6	176,224,230
119. purple	#800080	128,0,128
120. red	#ff0000	255,0,0
121. rosybrown	#bc8f8f	188,143,143
122. royalblue	#4169e1	65,105,225
123. saddlebrown	#8b4513	139,69,19
124. salmon	#fa8072	250,128,114
125. sandybrown	#f4a460	244,164,96
126. seagreen	#2e8b57	46,139,87
127. seashell	#fff5ee	255,245,238
128. sienna	#a0522d	160,82,45
129. transparent	#c0c0c0	192,192,192
130. skyblue	#87ceeb	135,206,235
131. slateblue	#6a5acd	106,90,205
132. slategray	#708090	112,128,144
133. slategrey	#708090	112,128,144
134. snow	#fffafa	255,250,250
135. springgreen	#00ff7f	0,255,127
136. steelblue	#4682b4	70,130,180
137. tan	#d2b48c	210,180,140
138. teal	#008080	0,128,128
139. thistle	#d8bfd8	216,191,216
140. tomato	#ff6347	255,99,71
141. turquoise	#40e0d0	64,224,208
142. violet	#ee82ee	238,130,238
143. wheat	#f5deb3	245,222,179
144.white	#ffffff	255,255,255
145. whitesmoke	#f5f5f5	245,245,245
146. yellow	#ffff00	255,255,0
147. yellowgreen	#9acd32	154,205,50

Cara Memasang Kode Html Warna Pada Blog

Written By Unknown on Saturday, February 4, 2012 | 9:19 AM

0 komentar:

Post a Comment

Iklan

Cara Memasang Kode Html Warna Pada Blog

Written By Unknown on Saturday, February 4, 2012 | 9:19 AM

0 komentar:

Post a Comment

Iklan

Written By Unknown on Saturday, February 4, 2012 | 9:19 AM