Sebelum membahas html instruksi warna (kode html warna / kode warna html) mari kita pahami ihwal warna dasar. Warna dasar ada tiga yang biasa disebut dengan warna primer. Warna ini terdiri dari warna merah, biru dan kuning. Disebut primer alasannya yaitu tidak sanggup diperoleh dari adonan warna-warna lain. Warna primer berdasarkan teori warnapigmen dari Brewster adalah warna-warna dasar.
Perlu diketahui bahwa sesungguhnya untuk sanggup melihat semua warna, mata kita mempunyai tiga sel peserta 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 sanggup melihat aneka macam macam warna.
Konsep inilah yang digunakan dalam layar untuk sanggup menampilkan gambar dalam aneka macam 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 aneka macam intensitas sehingga terbentuklah satu warna tertentu. Coba saja lihat layar TV atau komputer kau dengan beling pembesar. Kamu akan melihat kotak-kotak warna merah, biru, dan hijau. Itulah mengapa layar (dan juga benda-benda lain yang memancarkan cahaya warna) memakai 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 yaitu warna yang berasal dari primer. Jumlah warna sekunder, sanggup tak terhingga, tergantung berapa dosis percampuran warna pokoknya. Jika takarannya 1 : 1, memang jadinya hanya 1. Misalnya anda mencampur satu gelas cat berwarna merah dengan 1 gelas cat berwarna kuning. Maka hasilnya, tentu saja orange murni. Tapi bagaimana jikalau takrannya 1 : 1,5 ? Atau 1 : 1,7 dan seterusnya? Misalnya warna merahnya 1 gelas, tapi warna kuningnya 1,5 gelas. Lalu jadinya warna sekunder apa? Karena dosis kuningnya lebih banyak, maka namanya disebut dengan istilah "orange kekuningan". Tapi jangan lupa, jumlah warna orange kekuningan ini juga sanggup tak terhingga, tergantung volume pertambahan yang dilakukan setiap mencampur warna merah dengan kuning.
Warna tersier menyerupai 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), yaitu 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 jadinya warna apa? Karena semua unsur warna pokok sudah masuk pada percampuran ini, maka warna yang dihasilkannya yaitu warna kecoklatan. Jumlah warna coklat yang dihasilkan, juga sanggup tak terhingga.
Warna Netral yakni warna Putih – Hitam. Warna netral yaitu warna yang berasal dari adonan ketiga warna pokok. Merah, Kuning dan Biru, dicampur secara sekaligus dengan dosis 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 orisinil 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 sanggup 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 maritim (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 sanggup digunakan untuk menentukan warna background blog atau web serta untuk menentukan 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 pola html instruksi warna atau kode html warna atau kode warna html untuk teks atau tulisan. Kode diatas nantinya akan mempunyai tampilan menyerupai ini. Membuat Teks Warna di Blog.
Contoh KODE HTML WARNA |
Perhatikan pola html instruksi warna atau kode html warna dan kode warna html di atas. Pada angka #3300cc yaitu instruksi warna tulisan, instruksi warna ini sanggup anda ubah sesuai dengan keinginan, berikut kode-kode warna di HTML.
Berikut ini Contoh Kode html instruksi warna atau kode html warna lainnya:
Contoh KODE WARNA HTML |
Kode html instruksi warna atau kode html warna dan instruksi warna html di atas merupakan beberapa pola saja alasannya yaitu sangking terlalu banyaknya kode, tetapi pada umumnya warna yang digunakan yaitu warna merah, biru dan hijau.
Berikut daftar Kode html instruksi warna atau kode html warna dan kode warna html lengkap berikut contohnya. Silahkan dicoba ketika melaksanakan posting blog atau ketika 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 klarifikasi tentang contoh html instruksi warna atau kode html warna dan kode warna html. Selamat mencoba, sok niscaya bisa, sangat simpel tinggal mau bereksperimen. Jangan Lupa untuk selalau berbagi, semoga ilmu sedikit tapi bermanfaat.
Post a Comment
Post a Comment