Kode Warna HTML Terlengkap Beserta Penjelasannya

√ Edu Passed Pass quality & scientific checked by advisor, read our quality control guidelance for more info

Bagi blogger maupun web developer, pemilihan kode warna HTML menjadi salah satu tantangan tersendiri pada saat proses pembuatan web. Tidak hanya memerlukan waktu lama, namun proses ini juga membutuhkan pemahaman akan komposisi warna yang tepat sehingga tampilan web menjadi menarik. Selain bisa mempercantik tampilan website, kode warna HTML juga bisa digunakan sebagai referensi bagi desainer grafis pada saat membuat banner atau logo pada aplikasi smartphone maupun komputer.

Dalam pemrograman web sendiri, penerapan komposisi warna dilakukan dengan menuliskan hexadecimal atau enam karakter  alfanumerik. Secara umum, kode warna HTML dituliskan dalam komposisi triplets #RRGGBB, yang mana setiap dua digit karakternya mewakili warna dasar RGD (Red, Green, Blue).

Berikut adalah daftar kode warna HTML lengkap dengan contoh warna yang dihasilkan, kode RGB (yang terdiri dari susunan angka), dan kode HEX RGB yang digunakan untuk penerapan di website.

1. Merah

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Indian Red (Merah Indian)#CD5C5C205 92 92
Light Coral (Koral Terang)#F08080240 128 128
Salmon (Salmon)#FA8072250 128 114
Dark Salmon
(Salmon Tua)
#E9967A233 150 122
Light Salmon
 (Salmon Terang)
#FFA07A255 160 122
Crimson
(Lembayung, kirmizi)
#DC143C220 20 60
Red
 (Merah)
#FF0000255 0 0
Fire Brick
(Merah Bata)
#B22222178 34 34
Dark Red
 (Merah Tua)
#8B0000139 0 0

2. Pink

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Pink
(Merah Muda/ Merah jambu)
#FFC0CB255 192 203
Light Pink
(Merah Muda Terang)
#FFB6C1255 182 193
Hot Pink
(Merah Muda Panas)
#FF69B4255 105 180
Deep Pink
(Merah Muda Dalam)
#FF1493255 20 147
Medium Violet Red
(Merah Violet sedang)
#C71585199 21 133
Pale Violet Red
(Merah Violet Pucat)
#DB7093

219 112 147

3. Jingga

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Light Salmon
(Salmon terang)
#FFA07A255 160 122
Coral
(koral)
#FF7F50255 127 80
Tomato
(tomat)
#FF6347255 99 71
Orange Red
(Merah oranye)
#FF4500255 69 0
Dark Orange
(Jingga Tua)
#FF8C00255 140 0
Orange
(Jingga)
#FFA500255 165 0

4. Kuning

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Gold
(Emas)
#FFD700255 215 0
Yellow
(Kuning)
#FFFF00255 255 0
LightYellow
(Kuning Terang)
#FFFFE0255 255 224
Lemon Chiffon#FFFACD255 250 205
Light Goldenrod Yellow
(Kuning Keemasan terang)
#FAFAD2250 250 210
Papaya Whip#FFEFD5255 239 213
Moccasin#FFE4B5255 228 181
Peach Puff#FFDAB9255 218 185
Pale Goldenrod
(Keemasan pucat)
#EEE8AA238 232 170
Khaki#F0E68C240 230 140
Dark Khaki
(Khaki gelap)
#BDB76B189 183 107

5. Ungu

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Lavender#E6E6FA230 230 250
Thistle#D8BFD8216 191 216
Plum#DDA0DD221 160 221
Violet#EE82EE238 130 238
Orchid
(Anggrek)
#DA70D6218 112 214
Fuchsia#FF00FF255 0 255
Magenta#FF00FF255 0 255
Medium Orchid
(Anggrek Sedang)
#BA55D3186 85 211
Medium Purple
(Ungu Sedang)
#9370DB147 112 219
Blue Violet
(Violet Biru)
#8A2BE2138 43 226
Dark Violet)
(Violet Gelap
#9400D3148 0 211
Dark Orchid
(Anggrek Gelap)
#9932CC153 50 204
Dark Magenta
(Magenta Gelap)
#8B008B139 0 139
Purple
(Ungu)
#800080128 0 128
Indigo#4B008275 0 130
Slate Blue#6A5ACD106 90 205
Dark Slate Blue#483D8B72 61 139

6. Hijau

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Green Yellow
(Hijau Kekuningan)
#ADFF2F173 255 47
Chart reuse#7FFF00127 255 0
Lawn Green
(Rumput Hijau)
#7CFC00124 252 0
Lime
(lemon)
#00FF000 255 0
Lime Green
(Hijau Lemon)
#32CD3250 205 50
Pale Green
(Hijau Pucat)
#98FB98152 251 152
Light Green
(Hijau Terang)
#90EE90144 238 144
Medium Spring Green
(Hijau Musim Semi Sedang)
#00FA9A0 250 154
Spring Green
(Hijau Musim Semi)
#00FF7F0 255 127
Medium Sea Green
(Hijau Laut Sedang)
#3CB37160 179 113
Sea Green
(Hijau Laut)
#2E8B5746 139 87
Forest Green
(Hijau Hutan)
#228B2234 139 34
Green
(Hijau)
#0080000 128 0
Dark Green
(Hijau gelap)
#0064000 100 0
Yellow Green
(Kuning Kehijauan)
#9ACD32154 205 50
Olive Drab#6B8E23107 142 35
Olive
(Zaitun)
#808000128 128 0
Dark Olive Green
(Hijau Zaitun Gelap)
#556B2F85 107 47
Medium Aquamarine
(Aquamarine Sedang)
#66CDAA102 205 170
Dark Sea Green
((Hijau Laut Gelap)
#8FBC8F143 188 143
Light Sea Green
(Hijau Laut Terang)
#20B2AA32 178 170
Dark Cyan
(Cyan Gelap)
#008B8B0 139 139
Teal#0080800 128 128

7. Biru

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Aqua#00FFFF0 255 255
Cyan#00FFFF0 255 255
Light Cyan
(Cyan terang)
#E0FFFF224 255 255
Pale Turquoise
(Tosca Pucat)
#AFEEEE175 238 238
Aquamarine#7FFFD4127 255 212
Turquoise
(Tosca)
#40E0D064 224 208
MediumTurquoise
(Tosca Sedang)
#48D1CC72 209 204
Dark Turquoise
(Tosca gelap)

#00CED10 206 209
Cadet Blue#5F9EA095 158 160
Steel Blue#4682B470 130 180
Light Steel Blue#B0C4DE176 196 222
Powder Blue#B0E0E6176 224 230
Light Blue
(Biru Terang)
#ADD8E6173 216 230
Sky Blue
(Biru Langit)
#87CEEB135 206 235
Light Sky Blue
(Biru Langit terang)
#87CEFA135 206 250
Deep Sky Blue
(Biru Langit Dalam)
#00BFFF0 191 255
Dodger Blue#1E90FF30 144 255
Corn flower Blue#6495ED100 149 237
Medium Slate Blue#7B68EE123 104 238
Royal Blue#4169E165 105 225
Blue
(Biru)
#0000FF0 0 255
Medium Blue
(Biru Sedang)
#0000CD0 0 205
Dark Blue
(Biru Gelap)
#00008B0 0 139
Navy#0000800 0 128
Midnight Blue

#19197025 25 112

8. Coklat

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Corn silk#FFF8DC255 248 220
Blanched Almond
(Almond Pucat)
#FFEBCD255 235 205
Bisque#FFE4C4255 228 196
Navajo White
(Putih Navajo)
#FFDEAD255 222 173
Wheat
(Gandum)
#F5DEB3245 222 179
Burly Wood#DEB887222 184 135
Tan#D2B48C210 180 140
Rosy Brown#BC8F8F188 143 143
Sandy Brown
(Coklat pasir)
#F4A460244 164 96
Goldenrod
(Keemasan)
#DAA520218 165 32
Dark Goldenrod
(Gelap Keemasan)
#B8860B184 134 11
Peru#CD853F205 133 63
Chocolate
(Coklat)
#D2691E210 105 30
Saddle Brown#8B4513139 69 19
Sienna#A0522D160 82 45
Brown
(Coklat)
#A52A2A165 42 42
Maroon
(Marun)
#800000128 0 0

9. Putih

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
White
(Putih)
#FFFFFF255 255 255
Snow
(Salju)
#FFFAFA255 250 250
Honey dew#F0FFF0240 255 240
Mint Cream#F5FFFA245 255 250
Azure#F0FFFF240 255 255
Alice Blue#F0F8FF240 248 255
Ghost White#F8F8FF248 248 255
White Smoke
(Putih kabut)
#F5F5F5245 245 245
Sea shell
(Kerang laut)
#FFF5EE255 245 238
Beige
(Krem)
#F5F5DC245 245 220
Old Lace#FDF5E6253 245 230
Floral White
(Bunga Putih)
#FFFAF0255 250 240
Ivory
(Gading)
#FFFFF0255 255 240
Antique White#FAEBD7250 235 215
Linen#FAF0E6250 240 230
Lavender Blush#FFF0F5255 240 245
Misty Rose#FFE4E1255 228 225

10. Abu-Abu

 

Contoh WarnaNama Warna HTMLHexadecimalKode Desimal RGB
Gains boro#DCDCDC220 220 220
Light Grey
(Abu-Abu Terang)
#D3D3D3211 211 211
Silver
(Perak)
#C0C0C0192 192 192
Dark Grey
(Abu-Abu Tua)
#A9A9A9169 169 169
Grey
(Abu-Abu)
#808080128 128 128
Dim Grey
(Abu-Abu redup)
#696969105 105 105
Light Slate Gray#778899119 136 153
Slate Gray#708090112 128 144
Dark Slate Gray#2F4F4F47 79 79
Black
(Hitam)
#0000000 0 0
fbWhatsappTwitterLinkedIn