Kode Warna Html Paling Lengkap untuk Design Blog agar Terlihat Professional

Author : UnknownTidak ada komentar


SALAH satu masalah yang dihadapi "newbie" adalah Cara Mengubah Warna Tampilan Blog, misalnya warna latar belakang menu atau header dari hitam ke merah dst.

Mengubah warna sangat mudah, yaitu tinggal ganti kode warna HTML-nya di template. (Lihat Kode Warna HTML).

Contohnya, kita mau mengubah warna background menu:
  1. Intip dulu di mana posisi kode warnanya dengan cara: arahkan cursor mouse ke bagian menu, lalu klik kanan, dan pilih "inspect element", maka akan muncul kode warna seperti #000 (hitam).
  2. Template > Edit HTML 
  3. Cari (Ctrl+F) elemen yang akan diubah warnanya
  4. Ganti dengan kode warna lainnnya, misalnya dari HITAM (#000) menjadi MERAH (#c00).
MENGUBAH WARNA HURUF
Semua warna di template blog bisa diubah. Sebagai contoh, kita akan mengubah jenis huruf, ukuran huruf, dan warnanya. Maka, temukan kode-kode seperti ini:

Mengubah Warna Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode body {3. Biasanya akan ada kode warna sepoerti color:#333333
4. Ubah menjadi, misalnya. #ff0000 
Mengubah Jenis Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode
#outer-wrapper {
3. Biasanya akan ditemukan kode seprti font: 14px Arial; or font-family:Arial;
4. Ganti saja jenis hurfnya menjadi, misalnya, Georgia, Helvetica, Times, etc.

SINGKATNYA
Kode warna HTML berupa ANGKA, HURUF, atau kombinas ANGKA & HURUF, yang diawali dengan tanda pagar (#). Contohnya:

Daftar Nama Warna dan Kode Warna:

Warna/Color Nama Warna Hex Desimal

001. aliceblue#f0f8ff240,248,255

002. antiquewhite#faebd7250,235,215

003. aqua#00ffff0,255,255

004. aquamarine#7fffd4127,255,212

005. azure#f0ffff240,255,255

006. beige#f5f5dc245,245,220

007. bisque#ffe4c4 255,228,196

008. black #000000 0,0,0

009. blanchedalmond#ffebcd 255,235,205

010. blue#0000ff 0,0,255

011. blueviolet#8a2be2138,43,226

012. brown#a52a2a165,42,42

013. burlywood#deb887222,184,135

014. cadetblue#5f9ea095,158,160

015. chartreuse#7fff00127,255,0

016. chocolate#d2691e210,105,30

017. coral#ff7f50255,127,80

018. cornflowerblue#6495ed100,149,237

019. cornsilk#fff8dc255,248,220

020. crimson#dc143c220,20,60

021. cyan#00ffff0,255,255

022. darkblue#00008b0,0,139

023. darkcyan#008b8b0,139,139

024. darkgoldenrod#b8860b184,134,11

025. darkgray#a9a9a9169,169,169

026. darkgreen#0064000,100,0

027. darkkhaki#bdb76b189,183,107

028. darkmagenta#8b008b139,0,139

029. darkolivegreen#556b2f85,107,47

030. darkorange#ff8c00255,140,0

031. darkorchid#9932cc153,50,204

032. darkred#8b0000139,0,0

033. darksalmon#e9967a233,150,122

034. darkseagreen#8fbc8f143,188,143

035. darkslateblue#483d8b72,61,139

036. darkslategray#2f4f4f47,79,79

037. darkturquoise#00ced10,206,209

038. darkviolet#9400d3148,0,211

039. deeppink#ff1493255,20,147

040. deepskyblue#00bfff0,191,255

041. dimgray#696969105,105,105

042. dodgerblue#1e90ff30,144,255

043. firebrick#b22222178,34,34

044. floralwhite#fffaf0255,250,240

045. forestgreen#228b2234,139,34

046. fuchsia#ff00ff255,0,255

047. gainsboro#dcdcdc220,220,220

048. ghostwhite#f8f8ff248,248,255

049. gold#ffd700255,215,0

050. goldenrod#daa520218,165,32

051. gray#808080128,128,128

052. green #008000 0,128,0

053. greenyellow#adff2f173,255,47

054. honeydew#f0fff0240,255,240

055. hotpink#ff69b4255,105,180

056. indianred#cd5c5c205,92,92

057. indigo#4b008275,0,130

058. ivory#fffff0255,255,240

059. khaki#f0e68c240,230,140

060. lavender#e6e6fa230,230,250

061. lavenderblush#fff0f5255,240,245

062. lawngreen#7cfc00124,252,0

063. lemonchiffon#fffacd255,250,205

064. lightblue#add8e6173,216,230

065. lightcoral#f08080240,128,128

066. lightcyan#e0ffff224,255,255

067. lightgoldenrodyellow#fafad2250,250,210

068. lightgray#d3d3d3211,211,211

069. lightgreen#90ee90144,238,144

070. lightpink#ffb6c1255,182,193

071. lightsalmon#ffa07a255,160,122

072. lightseagreen#20b2aa32,178,170

073. lightskyblue#87cefa135,206,250

074. lightslategray#778899119,136,153

075. lightsteelblue#b0c4de176,196,222

076. lightyellow#ffffe0255,255,224

077. lime#00ff000,255,0

078. limegreen#32cd3250,205,50

079. linen#faf0e6250,240,230

080. magenta#ff00ff255,0,255

081. maroon#800000128,0,0

082. mediumaquamarine#66cdaa102,205,170

083. mediumblue#0000cd0,0,205

084. mediumorchid#ba55d3186,85,211

085. mediumpurple#9370db147,112,219

086. mediumseagreen#3cb37160,179,113

087. mediumslateblue#7b68ee123,104,238

088. mediumspringgreen#00fa9a0,250,154

089. mediumturquoise#48d1cc72,209,204

090. mediumvioletred#c71585199,21,133

091. midnightblue#19197025,25,112

092. mintcream#f5fffa245,255,250

093. mistyrose#ffe4e1255,228,225

094. moccasin#ffe4b5255,228,181

095. navajowhite#ffdead255,222,173

096. navy#0000800,0,128

097. oldlace#fdf5e6253,245,230

098. olive#808000128,128,0

099. olivedrab#6b8e23107,142,35

100. orange#ffa500255,165,0

101. orangered#ff4500255,69,0

102. orchid#da70d6218,112,214

103. palegoldenrod#eee8aa238,232,170

104. palegreen#98fb98152,251,152

105. paleturquoise#afeeee175,238,238

106. palevioletred#db7093219,112,147

107. papayawhip#ffefd5255,239,213

108. peachpuff#ffdab9255,218,185

109. peru#cd853f205,133,63

110. pink#ffc0cb255,192,203

111. plum#dda0dd221,160,221

112. powderblue#b0e0e6176,224,230

113. purple#800080128,0,128

114. red#ff0000255,0,0

115. rosybrown#bc8f8f188,143,143

116. royalblue#4169e165,105,225

117. saddlebrown#8b4513139,69,19

118. salmon#fa8072250,128,114

119. sandybrown#f4a460244,164,96

120. seagreen#2e8b5746,139,87

121. seashell#fff5ee255,245,238

122. sienna#a0522d160,82,45

123. transparent#c0c0c0192,192,192

124. skyblue#87ceeb135,206,235

125. slateblue#6a5acd106,90,205

126. slategray#708090112,128,144

127. snow#fffafa255,250,250

128. springgreen#00ff7f0,255,127

129. steelblue#4682b470,130,180

130. tan#d2b48c210,180,140

131. teal#0080800,128,128

132. thistle#d8bfd8216,191,216

133. tomato#ff6347255,99,71

134. turquoise#40e0d064,224,208

135. violet#ee82ee238,130,238

136. wheat#f5deb3245,222,179

137. white#ffffff255,255,255

138. whitesmoke#f5f5f5245,245,245

139. yellow#ffff00255,255,0

140. yellowgreen#9acd32154,205,50


Cara Membuat Tabel Nama dan KODE Warna:

~ Tuliskan kode HTML berikut di halaman posting!


Artikel Terkait

Posted On : Sabtu, 08 Juli 2017Time : Juli 08, 2017
SHARE TO :
| | Template Created By : Binkbenks | CopyRigt By : Tutorial Hacker | |
close
Banner iklan disini
> [Tutup]