Sebelum membahas html kode warna (kode html
warna / kode warna html) mari kita pahami tentang warna dasar. Warna dasar ada tiga yang biasa
disebut dengan warna primer. Warna ini terdiri dari warna merah,
biru dan kuning. Disebut primer karena tidak dapat diperoleh dari campuran warna-warna
lain. Warna primer menurut teori warnapigmen dari Brewster
adalah warna-warna dasar.
Perlu diketahui bahwa
sebenarnya untuk bisa melihat semua warna, mata kita memiliki tiga sel penerima
cahaya warna. Masing-masing sel tersebut hanya peka terhadap satu warna. Satu
sel peka terhadap cahaya merah, satu sel lainnya peka terhadap cahaya biru, dan
satu sel lagi peka terhadap cahaya hijau. Kombinasi dari hasil penerimaan
ketiga sel warna ini akan menghasilkan warna-warna lainnya, sehingga kita bisa
melihat berbagai macam warna.
Konsep inilah yang digunakan
dalam layar untuk bisa menampilkan gambar dalam berbagai warna. Sebuah layar
terdiri dari ribuan bahkan jutaan pixel. Masing-masing pixel akan memancarkan
cahaya merah, biru, dan hijau (sesuai dengan tiga sel warna mata kita) dengan
berbagai intensitas sehingga terbentuklah satu warna tertentu. Coba saja lihat
layar TV atau komputer kamu dengan kaca pembesar. Kamu akan melihat kotak-kotak
warna merah, biru, dan hijau. Itulah mengapa layar (dan juga benda-benda lain
yang memancarkan cahaya warna) menggunakan warna dasar merah, hijau, dan biru.
Selain warna primer, ada
juga warna sekunder tersier dan netral. Warna Sekunder Orange - Hijau - Ungu
Warna ini disebut juga dengan istilah warna kedua, yang artinya adalah warna
yang berasal dari primer. Jumlah warna sekunder, bisa tak terhingga, tergantung
berapa takaran percampuran warna pokoknya. Jika takarannya 1 : 1, memang
hasilnya hanya 1. Misalnya anda mencampur satu gelas cat berwarna merah dengan
1 gelas cat berwarna kuning. Maka hasilnya, tentu saja orange murni. Tapi
bagaimana jika takrannya 1 : 1,5 ? Atau 1 : 1,7 dan seterusnya? Misalnya warna
merahnya 1 gelas, tapi warna kuningnya 1,5 gelas. Lalu hasilnya warna sekunder
apa? Karena takaran kuningnya lebih banyak, maka namanya disebut dengan istilah
"orange kekuningan". Tapi jangan lupa, jumlah warna orange kekuningan
ini juga bisa tak terhingga, tergantung volume pertambahan yang dilakukan
setiap mencampur warna merah dengan kuning.
Warna tersier seperti Coklat
Kemerahan - Coklat Kekuningan - Coklat Kebiruan. Warna tersier disebut juga dengan istilah
warna ketiga, yang artinya warna yang terbentuk dari hasil pencampuran warna pokok
dengan warna sekunder. Tapi warna yang dicampur (sekunder dengan primer),
adalah yang posisinya berhadapan dalam Lingkaran Warna Brewster. Bukan yang
bersebelahan. Misalnya warna merah dicampur dengan warna hijau. Warna kuning
dicampur dengan warna ungu. Dan warna biru dicampur dengan warna orange. Lalu
hasilnya warna apa? Karena semua unsur warna pokok sudah masuk pada percampuran
ini, maka warna yang dihasilkannya adalah warna kecoklatan. Jumlah warna coklat
yang dihasilkan, juga bisa tak terhingga.
Warna Netral yakni warna Putih
– Hitam. Warna netral adalah warna yang
berasal dari campuran ketiga warna pokok. Merah, Kuning dan Biru, dicampur
secara sekaligus dengan takaran perbandingan yang sama 1:1:1. Secara teori,
pencampuran ketiga warna ini akan menghasilkan warna hitam. Tapi dalam
prakteknya, sulit ditemukan. Karena syaratnya kualitas warna dan
originalitasnya, harus valid. Ketiga warna primer yang digunakan, benar-benar
asli sesuai standar kualiÚkasi laboratorium. Sedang faktanya, cat atau zat
warna primer yang beredar, tidak murni sebagaimana pengukuran laboraturium
warna. Akibatnya, hasil pencampuran ketiga warna primer biasanya akan
menghasilkan warna kecoklatan.
 |
| KODE HTML WARNA (KODE WARNA HTML) |
Mengetahui kode html warna atau kode warna html sangat penting bagi
seorang blogger. kode html warna atau
kode warna html biasanya banyak
digunakan untuk menentukan warna background blog. Selain itu kode html warna (atau kode warna html) juga dapat
digunakan untuk menentukan warna hurup (font) atau kalimat.
Berikut adalah daftar kode warna html atau kode warna html yang bersumber
dari laman id.wikipedia.org
Nama
|
Contoh
|
Kode warna html
Kode html warna Html Kode Warna |
Abu-abu
|
#808080
|
|
Biru
|
#0000FF
|
|
Biru dongker
|
#000080
|
|
Biru laut (Sian)
|
#00FFFF
|
|
Coklat
|
#964B00
|
|
Emas
|
#FFD700
|
|
Hijau
|
#00FF00
|
|
Hitam
|
#000000
|
|
Kuning
|
#FFFF00
|
|
Magenta
|
#FF00FF
|
|
Mawar
|
#FF007F
|
|
Merah
|
#FF0000
|
|
Merah marun
|
#800000
|
|
Merah jambu
|
#FFC0CB
|
|
Nila
|
#6F00FF
|
|
Oranye
|
#FF7F00
|
|
Perak
|
#C0C0C0
|
|
Putih
|
#FFFFFF
|
|
Ungu
|
#BF00FF
|
|
Violet
|
#8F00FF
|
|
Zaitun
|
#808000
|
Berikut adalah daftar kode warna html atau kode warna html yang lebih lengkap beserta contohnya. Kode warna html tersebut bisa digunakan untuk memilih warna background blog atau web serta untuk memilih warna hurup yang akan digunakan.
Warna/
Color
|
Nama Warna
|
Kode warna html
Kode html warna
Html Kode Warna
|
01. aliceblue
|
#f0f8ff
|
|
02. antiquewhite
|
#faebd7
|
|
03 aqua
|
#00ffff
|
|
04. aquamarine
|
#7fffd4
|
|
05. azure
|
#f0ffff
|
|
06. beige
|
#f5f5dc
|
|
07. bisque
|
#ffe4c4
|
|
08. black
|
#000000
|
|
09. blanchedalmond
|
#ffebcd
|
|
10. blue
|
#0000ff
|
|
11. blueviolet
|
#8a2be2
|
|
12. brown
|
#a52a2a
|
|
13. burlywood
|
#deb887
|
|
14. cadetblue
|
#5f9ea0
|
|
15. chartreuse
|
#7fff00
|
|
16. chocolate
|
#d2691e
|
|
17. coral
|
#ff7f50
|
|
18. cornflowerblue
|
#6495ed
|
|
19. cornsilk
|
#fff8dc
|
|
20. crimson
|
#dc143c
|
|
21. cyan
|
#00ffff
|
|
22. darkblue
|
#00008b
|
|
23. darkcyan
|
#008b8b
|
|
24. darkgoldenrod
|
#b8860b
|
|
25. darkgray
|
#a9a9a9
|
|
26. darkgreen
|
#006400
|
|
27. darkgrey
|
#a9a9a9
|
|
28. darkkhaki
|
#bdb76b
|
|
29. darkmagenta
|
#8b008b
|
|
30. darkolivegreen
|
#556b2f
|
|
31. darkorange
|
#ff8c00
|
|
32. darkorchid
|
#9932cc
|
|
33. darkred
|
#8b0000
|
|
34. darksalmon
|
#e9967a
|
|
35. darkseagreen
|
#8fbc8f
|
|
36. darkslateblue
|
#483d8b
|
|
37. darkslategray
|
#2f4f4f
|
|
38. darkslategrey
|
#2f4f4f
|
|
39. darkturquoise
|
#00ced1
|
|
40. darkviolet
|
#9400d3
|
|
41. deeppink
|
#ff1493
|
|
42. deepskyblue
|
#00bfff
|
|
43. dimgray
|
#696969
|
|
44. dimgrey
|
#696969
|
|
45. dodgerblue
|
#1e90ff
|
|
46. firebrick
|
#b22222
|
|
47. floralwhite
|
#fffaf0
|
|
48. forestgreen
|
#228b22
|
|
49. fuchsia
|
#ff00ff
|
|
50. gainsboro
|
#dcdcdc
|
|
51. ghostwhite
|
#f8f8ff
|
|
52. gold
|
#ffd700
|
|
53. goldenrod
|
#daa520
|
|
54. gray
|
#808080
|
|
55. green
|
#008000
|
|
56. greenyellow
|
#adff2f
|
|
57. grey
|
#808080
|
|
58. honeydew
|
#f0fff0
|
|
59. hotpink
|
#ff69b4
|
|
60. indianred
|
#cd5c5c
|
|
61. indigo
|
#4b0082
|
|
62. ivory
|
#fffff0
|
|
63. khaki
|
#f0e68c
|
|
64. lavender
|
#e6e6fa
|
|
65. lavenderblush
|
#fff0f5
|
|
66. lawngreen
|
#7cfc00
|
|
67. lemonchiffon
|
#fffacd
|
|
68. lightblue
|
#add8e6
|
|
69. lightcoral
|
#f08080
|
|
70. lightcyan
|
#e0ffff
|
|
71. lightgoldenrodyellow
|
#fafad2
|
|
72. lightgray
|
#d3d3d3
|
|
73. lightgreen
|
#90ee90
|
|
74. lightgrey
|
#d3d3d3
|
|
75. lightpink
|
#ffb6c1
|
|
76. lightsalmon
|
#ffa07a
|
|
77. lightseagreen
|
#20b2aa
|
|
78. lightskyblue
|
#87cefa
|
|
79. lightslategray
|
#778899
|
|
80. lightslategrey
|
#778899
|
|
81. lightsteelblue
|
#b0c4de
|
|
82. lightyellow
|
#ffffe0
|
|
83. lime
|
#00ff00
|
|
84. limegreen
|
#32cd32
|
|
85. linen
|
#faf0e6
|
|
86. magenta
|
#ff00ff
|
|
87. maroon
|
#800000
|
|
88. mediumaquamarine
|
#66cdaa
|
|
89. mediumblue
|
#0000cd
|
|
90. mediumorchid
|
#ba55d3
|
|
91. mediumpurple
|
#9370db
|
|
92. mediumseagreen
|
#3cb371
|
|
93. mediumslateblue
|
#7b68ee
|
|
94. mediumspringgreen
|
#00fa9a
|
|
95. mediumturquoise
|
#48d1cc
|
|
96. mediumvioletred
|
#c71585
|
|
97. midnightblue
|
#191970
|
|
98. mintcream
|
#f5fffa
|
|
99. mistyrose
|
#ffe4e1
|
|
100. moccasin
|
#ffe4b5
|
|
101. navajowhite
|
#ffdead
|
|
102. navy
|
#000080
|
|
103. oldlace
|
#fdf5e6
|
|
104. olive
|
#808000
|
|
105. olivedrab
|
#6b8e23
|
|
106. orange
|
#ffa500
|
|
107. orangered
|
#ff4500
|
|
108. orchid
|
#da70d6
|
|
109. palegoldenrod
|
#eee8aa
|
|
110. palegreen
|
#98fb98
|
|
111. paleturquoise
|
#afeeee
|
|
112. palevioletred
|
#db7093
|
|
113. papayawhip
|
#ffefd5
|
|
114. peachpuff
|
#ffdab9
|
|
115. peru
|
#cd853f
|
|
116. pink
|
#ffc0cb
|
|
117. plum
|
#dda0dd
|
|
118. powderblue
|
#b0e0e6
|
|
119. purple
|
#800080
|
|
120. red
|
#ff0000
|
|
121. rosybrown
|
#bc8f8f
|
|
122. royalblue
|
#4169e1
|
|
123. saddlebrown
|
#8b4513
|
|
124. salmon
|
#fa8072
|
|
125. sandybrown
|
#f4a460
|
|
126. seagreen
|
#2e8b57
|
|
127. seashell
|
#fff5ee
|
|
128. sienna
|
#a0522d
|
|
129. transparent
|
#c0c0c0
|
|
130. skyblue
|
#87ceeb
|
|
131. slateblue
|
#6a5acd
|
|
132. slategray
|
#708090
|
|
133. slategrey
|
#708090
|
|
134. snow
|
#fffafa
|
|
135. springgreen
|
#00ff7f
|
|
136. steelblue
|
#4682b4
|
|
137. tan
|
#d2b48c
|
|
138. teal
|
#008080
|
|
139. thistle
|
#d8bfd8
|
|
140. tomato
|
#ff6347
|
|
141. turquoise
|
#40e0d0
|
|
142. violet
|
#ee82ee
|
|
143. wheat
|
#f5deb3
|
|
144.white
|
#ffffff
|
|
145. whitesmoke
|
#f5f5f5
|
|
146. yellow
|
#ffff00
|
|
147. yellowgreen
|
#9acd32
|
Berikut ini contoh html kode warna atau kode html warna atau kode warna html untuk teks atau tulisan. Kode diatas nantinya
akan mempunyai tampilan seperti ini. Membuat Teks Warna di Blog.
 |
| Contoh KODE HTML WARNA |
Perhatikan contoh html kode warna atau kode html warna dan kode warna html di atas. Pada angka #3300cc adalah kode warna
tulisan, kode warna ini bisa anda ubah sesuai dengan keinginan, berikut
kode-kode warna di HTML.
Berikut ini Contoh Kode html kode warna atau kode html warna lainnya:
 |
| Contoh KODE WARNA HTML |
Kode html kode warna atau kode
html warna dan kode warna html di atas merupakan
beberapa contoh saja karena sangking terlalu banyaknya kode, tetapi pada
umumnya warna yang dipakai adalah warna merah, biru dan hijau.
Berikut daftar Kode html kode warna atau kode html warna dan kode warna html lengkap berikut contohnya. Silahkan dicoba saat melakukan posting blog atau saat mencoba mengedit template blog.
CONTOH KODE HEX:#ffffff NAMA WARNA: PUTIH
Kode Hex, Nama Warna: #F0F8FF Aliceblue
Kode Hex, Nama Warna: #FAEBD7 Antiquewhite
Kode Hex, Nama Warna: #00FFFF Aqua
Kode Hex, Nama Warna: #7FFFD4 Aquamarine
Kode Hex, Nama Warna: #F0FFFF Azure
Kode Hex, Nama Warna: #F5F5DC Beige
Kode Hex, Nama Warna: #FFE4C4 Bisque
Kode Hex, Nama Warna: #000000 Black
Kode Hex, Nama Warna: #FFEBCD Blanchedalmond
Kode Hex, Nama Warna: #0000FF Blue
Kode Hex, Nama Warna: #8A2BE2 Blueviolet
Kode Hex, Nama Warna: #A52A2A Brown
Kode Hex, Nama Warna: #DEB887 Burlywood
Kode Hex, Nama Warna: #5F9EAD Cadetblue
Kode Hex, Nama Warna: #7FFF00 Chartreuse
Kode Hex, Nama Warna: #D2691E Chocolate
Kode Hex, Nama Warna: #FF7F50 Coral
Kode Hex, Nama Warna: #64950 Cornflowerblue
Kode Hex, Nama Warna: #FFF8DC Cornsilk
Kode Hex, Nama Warna: #DC143C Crimson
Kode Hex, Nama Warna: #00FFFF Cyan
Kode Hex, Nama Warna: #00008B Darkblue
Kode Hex, Nama Warna: #008B8B Darkcyan
Kode Hex, Nama Warna: #B8860B Darkgoldenrod
Kode Hex, Nama Warna: #A9A9A9 Darkgray
Kode Hex, Nama Warna: #006400 Darkgreen
Kode Hex, Nama Warna: #8B008B Darkmagenta
Kode Hex, Nama Warna: #BDB76B Darkkhaki
Kode Hex, Nama Warna: #556B2F Darkolivegreen
Kode Hex, Nama Warna: #FF8C00 Darkorange
Kode Hex, Nama Warna: #9932CC Darkorchid
Kode Hex, Nama Warna: #8B0000 Darkred
Kode Hex, Nama Warna: #E9967A Darksalmon
Kode Hex, Nama Warna: #8FBC8B Darkseagreen
Kode Hex, Nama Warna: #483D8B Darkslateblue
Kode Hex, Nama Warna: #2F4F4F Darkslategray
Kode Hex, Nama Warna: #00CED1 Darkturquoise
Kode Hex, Nama Warna: #9400D3 Darkviolet
Kode Hex, Nama Warna: #FF1493 Deeppink
Kode Hex, Nama Warna: #00BFFF Deepskyblue
Kode Hex, Nama Warna: #696969 Dimgray
Kode Hex, Nama Warna: #1E90FF Dodgerblue
Kode Hex, Nama Warna: #B22222 Firebrick
Kode Hex, Nama Warna: #FFFAF0 Floralwhite
Kode Hex, Nama Warna: #228B22 Forestgreen
Kode Hex, Nama Warna: #FF00FF Fuchsia
Kode Hex, Nama Warna: #DCDCDC Gainsboro
Kode Hex, Nama Warna: #F8F8FF Ghostwhite
ode Hex, Nama Warna: #FFD700 Gold
Kode Hex, Nama Warna: #DAA520 Goldenrod
Kode Hex, Nama Warna: #808080 Gray
Kode Hex, Nama Warna: #008000 Green
Kode Hex, Nama Warna: #ADFF2F Greenyellow
Kode Hex, Nama Warna: #F0FFF0 Honeydew
Kode Hex, Nama Warna: #FF69B4 Hotpink
Kode Hex, Nama Warna: #CD5C5C Indianred
Kode Hex, Nama Warna: #4B0082 Indigo
Kode Hex, Nama Warna: #FFFFF0 Ivory
Kode Hex, Nama Warna: #F0E68C Khaki
Kode Hex, Nama Warna: #E6E6FA Lavender
Kode Hex, Nama Warna: #FFF0F5 Lavenderblush
Kode Hex, Nama Warna: #7CFC00 Lawngreen
Kode Hex, Nama Warna: #FFFACD Lemonchiffon
Kode Hex, Nama Warna: #ADE8E6 Lightblue
Kode Hex, Nama Warna: #F08080 Lightcoral
Kode Hex, Nama Warna: #E0FFFF Lightcyan
Kode Hex, Nama Warna: #FAFAD2 Lightgoldenrodyellow
Kode Hex, Nama Warna: #90EE90 Lightgreen
Kode Hex, Nama Warna: #D3D3D3 Lightgray
Kode Hex, Nama Warna: #FFB6C1 Lightpink
Kode Hex, Nama Warna: #FFA072 Lightsalmon
Kode Hex, Nama Warna: #20B2AA Lightseagreen
Kode Hex, Nama Warna: #87CEFA Lightskyblue
Kode Hex, Nama Warna: #778899 Lightslategray
Kode Hex, Nama Warna: #B0C4DE Lightsteelblue
Kode Hex, Nama Warna: #FFFFE0 Lightyellow
Kode Hex, Nama Warna: #00FF00 Lime
Kode Hex, Nama Warna: #32CD32 Limegreen
Kode Hex, Nama Warna: #FAF0E6 Linen
Kode Hex, Nama Warna: #FF00FF Magenta
Kode Hex, Nama Warna: #800000 Maroon
Kode Hex, Nama Warna: #66CDAA Mediumaquamarine
Kode Hex, Nama Warna: #0000CD Mediumblue
Kode Hex, Nama Warna: #BA55D3 Mediumorchid
Kode Hex, Nama Warna: #9370DB Mediumpurple
Kode Hex, Nama Warna: #3CB371 Mediumseagreen
Kode Hex, Nama Warna: #7B68EE Mediumslateblue
Kode Hex, Nama Warna: #00FA9A Mediumspringgreen
Kode Hex, Nama Warna: #48D1CC Mediumturquoise
Kode Hex, Nama Warna: #C71585 Mediumvioletred
Kode Hex, Nama Warna: #191970 Midnightblue
Kode Hex, Nama Warna: #F5FFFA Mintcream
Kode Hex, Nama Warna: #FFE4E1 Mistyrose
Kode Hex, Nama Warna: #FFE4E1 Moccasin
Kode Hex, Nama Warna: #FFDEAD Navajowhite
Kode Hex, Nama Warna: #000080 Navy
Kode Hex, Nama Warna: #FDF5E6 Oldlace
Kode Hex, Nama Warna: #808000 Olive
Kode Hex, Nama Warna: #6B8E23 Olivedrab
Kode Hex, Nama Warna: #FFA500 Orange
Kode Hex, Nama Warna: #FF1000 Orangered
Kode Hex, Nama Warna: #DA70D6 Orchid
Kode Hex, Nama Warna: #EEE8AA Palegoldenrod
Kode Hex, Nama Warna: #98FB98 Palgreen
Kode Hex, Nama Warna: #AFEEEE Paleturquoise
Kode Hex, Nama Warna: #DB7093 Palevioletred
Kode Hex, Nama Warna: #FFEFD5 Papayawhip
Kode Hex, Nama Warna: #FFDAB9 Peachpuff
Kode Hex, Nama Warna: #CD853F Peru
Kode Hex, Nama Warna: #FFC0CB Pink
Kode Hex, Nama Warna: #DDA0DD Plum
Kode Hex, Nama Warna: #B0E0E6 Powderblue
Kode Hex, Nama Warna: #800080 Purple
Kode Hex, Nama Warna: #FF0000 Red
Kode Hex, Nama Warna: #BC8F8F Rosybrown
Kode Hex, Nama Warna: #4169E1 Royalblue
Kode Hex, Nama Warna: #8B4513 Saddlebrown
Kode Hex, Nama Warna: #FA8072 Salmon
Kode Hex, Nama Warna: #F4A460 Sandybrown
Kode Hex, Nama Warna: #2E8B57 Seagreen
Kode Hex, Nama Warna: #FFF5EE Seashell
Kode Hex, Nama Warna: #A0522D Sienna
Kode Hex, Nama Warna: #C0C0C0 Silver
Kode Hex, Nama Warna: #87CEEB Skyblue
Kode Hex, Nama Warna: #708090 Slategray
Kode Hex, Nama Warna: #FFFAFA Snow
Kode Hex, Nama Warna: #00FF7F Springgreen
Kode Hex, Nama Warna: #4682B4 Steelblue
Kode Hex, Nama Warna: #D2B48C Tan
Kode Hex, Nama Warna: #008080 Teal
Kode Hex, Nama Warna: #D8BFD8 Thistle
Kode Hex, Nama Warna: #FF6347 Tomato
Kode Hex, Nama Warna: #40E0D0 Turquoise
Kode Hex, Nama Warna: #EE82EE Violet
Kode Hex, Nama Warna: #F5DEB3 Wheat
Kode Hex, Nama Warna: #FFFFFF White
Kode Hex, Nama Warna: #F5F5F5 Whitesmoke
Kode Hex, Nama Warna: #FFFF00 Yellow
Kode Hex, Nama Warna: #9ACD32 Yellowgreen
Demikian penjelasan tentang contoh html kode warna atau kode html warna dan kode warna html. Selamat mencoba, sok pasti bisa, sangat gampang tinggal mau bereksperimen. Jangan Lupa untuk selalau berbagi, biar ilmu sedikit tapi bermanfaat.
Tags:
Berita
