{"id":36199,"date":"2024-05-15T12:57:06","date_gmt":"2024-05-15T05:57:06","guid":{"rendered":"\/tutorial\/?p=36199"},"modified":"2025-12-09T15:35:14","modified_gmt":"2025-12-09T08:35:14","slug":"daftar-kode-warna-html-dan-css","status":"publish","type":"post","link":"\/id\/tutorial\/daftar-kode-warna-html-dan-css\/","title":{"rendered":"Daftar Kode Warna HTML dan CSS Lengkap dengan Contoh Penggunaannya"},"content":{"rendered":"

Kode warna HTML merupakan bagian penting dalam proses desain dan pengembangan web. Menggunakan kode-kode ini, Anda bisa menentukan warna untuk berbagai elemen visual secara lebih tepat dan konsisten.<\/p>

Bagi web developer, desainer, dan siapa pun yang membuat konten digital, kode ini hampir tidak terpisahkan dari pekerjaan sehari-hari. Baik untuk membuat website HTML<\/a>, mendesain gambar, maupun mengerjakan presentasi, hasil pekerjaan Anda bisa lebih profesional dengan memahami kode warna ini.<\/p>

Tak perlu jauh-jauh mencari, karena kami sudah menyiapkan daftar kode warna HTML di artikel ini yang bisa Anda jadikan panduan. Kami juga akan menjelaskan jenis warna digital yang ada saat ini, serta membagikan contoh penggunaannya. Yuk, scroll ke bawah!<\/p>

Daftar Kode Warna HTML dan CSS<\/h2>

\n\n\n

\n \n \n \n <\/svg>\n Important\n <\/span>\n

\n Apabila tabel terlihat terpotong di perangkat seluler, aktifkan mode desktop di aplikasi browser Anda. Di Chrome, ketuk menu titik tiga di samping kolom URL, lalu centang Desktop site (Situs desktop)<\/strong>.\n <\/p><\/div>\n\n\n\n<\/p>

Di bawah ini adalah tabel lengkap yang mencantumkan semua daftar kode warna HTML beserta warna HEX dan RGB yang terkait.<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n Black<\/td>\n #000000<\/td>\n 0, 0, 0<\/td>\n <\/tr>\n
<\/td>\n White<\/td>\n #FFFFFF<\/td>\n 255, 255, 255<\/td>\n <\/tr>\n
<\/td>\n Red<\/td>\n #FF0000<\/td>\n 255, 0, 0<\/td>\n <\/tr>\n
<\/td>\n Lime<\/td>\n #00FF00<\/td>\n 0, 255, 0<\/td>\n <\/tr>\n
<\/td>\n Blue<\/td>\n #0000FF<\/td>\n 0, 0, 255<\/td>\n <\/tr>\n
<\/td>\n AliceBlue<\/td>\n #F0F8FF<\/td>\n 240, 248, 255<\/td>\n <\/tr>\n
<\/td>\n AntiqueWhite<\/td>\n #FAEBD7<\/td>\n 250, 235, 215<\/td>\n <\/tr>\n
<\/td>\n Aqua<\/td>\n #00FFFF<\/td>\n 0, 255, 255<\/td>\n <\/tr>\n
<\/td>\n Aquamarine<\/td>\n #7FFFD4<\/td>\n 127, 255, 212<\/td>\n <\/tr>\n
<\/td>\n Azure<\/td>\n #F0FFFF<\/td>\n 240, 255, 255<\/td>\n <\/tr>\n
<\/td>\n Beige<\/td>\n #F5F5DC<\/td>\n 245, 245, 220<\/td>\n <\/tr>\n
<\/td>\n Bisque<\/td>\n #FFE4C4<\/td>\n 255, 228, 196<\/td>\n <\/tr>\n
<\/td>\n BlanchedAlmond<\/td>\n #FFEBCD<\/td>\n 255, 235, 205<\/td>\n <\/tr>\n
<\/td>\n BlueViolet<\/td>\n #8A2BE2<\/td>\n 138, 43, 226<\/td>\n <\/tr>\n
<\/td>\n Brown<\/td>\n #A52A2A<\/td>\n 165, 42, 42<\/td>\n <\/tr>\n
<\/td>\n BurlyWood<\/td>\n #DEB887<\/td>\n 222, 184, 135<\/td>\n <\/tr>\n
<\/td>\n CadetBlue<\/td>\n #5F9EA0<\/td>\n 95, 158, 160<\/td>\n <\/tr>\n
<\/td>\n Chartreuse<\/td>\n #7FFF00<\/td>\n 127, 255, 0<\/td>\n <\/tr>\n
<\/td>\n Chocolate<\/td>\n #D2691E<\/td>\n 210, 105, 30<\/td>\n <\/tr>\n
<\/td>\n Coral<\/td>\n #FF7F50<\/td>\n 255, 127, 80<\/td>\n <\/tr>\n
<\/td>\n CornflowerBlue<\/td>\n #6495ED<\/td>\n 100, 149, 237<\/td>\n <\/tr>\n
<\/td>\n Cornsilk<\/td>\n #FFF8DC<\/td>\n 255, 248, 220<\/td>\n <\/tr>\n
<\/td>\n Crimson<\/td>\n #DC143C<\/td>\n 220, 20, 60<\/td>\n <\/tr>\n
<\/td>\n Cyan<\/td>\n #00FFFF<\/td>\n 0, 255, 255<\/td>\n <\/tr>\n
<\/td>\n DarkBlue<\/td>\n #00008B<\/td>\n 0, 0, 139<\/td>\n <\/tr>\n
<\/td>\n DarkCyan<\/td>\n #008B8B<\/td>\n 0, 139, 139<\/td>\n <\/tr>\n
<\/td>\n DarkGoldenRod<\/td>\n #B8860B<\/td>\n 184, 134, 11<\/td>\n <\/tr>\n
<\/td>\n DarkGray<\/td>\n #A9A9A9<\/td>\n 169, 169, 169<\/td>\n <\/tr>\n
<\/td>\n DarkGreen<\/td>\n #006400<\/td>\n 0, 100, 0<\/td>\n <\/tr>\n
<\/td>\n DarkKhaki<\/td>\n #BDB76B<\/td>\n 189, 183, 107<\/td>\n <\/tr>\n
<\/td>\n DarkMagenta<\/td>\n #8B008B<\/td>\n 139, 0, 139<\/td>\n <\/tr>\n
<\/td>\n DarkOliveGreen<\/td>\n #556B2F<\/td>\n 85, 107, 47<\/td>\n <\/tr>\n
<\/td>\n DarkOrange<\/td>\n #FF8C00<\/td>\n 255, 140, 0<\/td>\n <\/tr>\n
<\/td>\n DarkOrchid<\/td>\n #9932CC<\/td>\n 153, 50, 204<\/td>\n <\/tr>\n
<\/td>\n DarkRed<\/td>\n #8B0000<\/td>\n 139, 0, 0<\/td>\n <\/tr>\n
<\/td>\n DarkSalmon<\/td>\n #E9967A<\/td>\n 233, 150, 122<\/td>\n <\/tr>\n
<\/td>\n DarkSeaGreen<\/td>\n #8FBC8F<\/td>\n 143, 188, 143<\/td>\n <\/tr>\n
<\/td>\n DarkSlateBlue<\/td>\n #483D8B<\/td>\n 72, 61, 139<\/td>\n <\/tr>\n
<\/td>\n DarkSlateGray<\/td>\n #2F4F4F<\/td>\n 47, 79, 79<\/td>\n <\/tr>\n
<\/td>\n DarkTurquoise<\/td>\n #00CED1<\/td>\n 0, 206, 209<\/td>\n <\/tr>\n
<\/td>\n DarkViolet<\/td>\n #9400D3<\/td>\n 148, 0, 211<\/td>\n <\/tr>\n
<\/td>\n DeepPink<\/td>\n #FF1493<\/td>\n 255, 20, 147<\/td>\n <\/tr>\n
<\/td>\n DeepSkyBlue<\/td>\n #00BFFF<\/td>\n 0, 191, 255<\/td>\n <\/tr>\n
<\/td>\n DimGray<\/td>\n #696969<\/td>\n 105, 105, 105<\/td>\n <\/tr>\n
<\/td>\n DodgerBlue<\/td>\n #1E90FF<\/td>\n 30, 144, 255<\/td>\n <\/tr>\n
<\/td>\n FireBrick<\/td>\n #B22222<\/td>\n 178, 34, 34<\/td>\n <\/tr>\n
<\/td>\n FloralWhite<\/td>\n #FFFAF0<\/td>\n 255, 250, 240<\/td>\n <\/tr>\n
<\/td>\n ForestGreen<\/td>\n #228B22<\/td>\n 34, 139, 34<\/td>\n <\/tr>\n
<\/td>\n Fuchsia<\/td>\n #FF00FF<\/td>\n 255, 0, 255<\/td>\n <\/tr>\n
<\/td>\n Gainsboro<\/td>\n #DCDCDC<\/td>\n 220, 220, 220<\/td>\n <\/tr>\n
<\/td>\n GhostWhite<\/td>\n #F8F8FF<\/td>\n 248, 248, 255<\/td>\n <\/tr>\n
<\/td>\n Gold<\/td>\n #FFD700<\/td>\n 255, 215, 0<\/td>\n <\/tr>\n
<\/td>\n GoldenRod<\/td>\n #DAA520<\/td>\n 218, 165, 32<\/td>\n <\/tr>\n
<\/td>\n Gray<\/td>\n #808080<\/td>\n 128, 128, 128<\/td>\n <\/tr>\n
<\/td>\n Green<\/td>\n #008000<\/td>\n 0, 128, 0<\/td>\n <\/tr>\n
<\/td>\n GreenYellow<\/td>\n #ADFF2F<\/td>\n 173, 255, 47<\/td>\n <\/tr>\n
<\/td>\n HoneyDew<\/td>\n #F0FFF0<\/td>\n 240, 255, 240<\/td>\n <\/tr>\n
<\/td>\n HotPink<\/td>\n #FF69B4<\/td>\n 255, 105, 180<\/td>\n <\/tr>\n
<\/td>\n IndianRed<\/td>\n #CD5C5C<\/td>\n 205, 92, 92<\/td>\n <\/tr>\n
<\/td>\n Indigo<\/td>\n #4B0082<\/td>\n 75, 0, 130<\/td>\n <\/tr>\n
<\/td>\n Ivory<\/td>\n #FFFFF0<\/td>\n 255, 255, 240<\/td>\n <\/tr>\n
<\/td>\n Khaki<\/td>\n #F0E68C<\/td>\n 240, 230, 140<\/td>\n <\/tr>\n
<\/td>\n Lavender<\/td>\n #E6E6FA<\/td>\n 230, 230, 250<\/td>\n <\/tr>\n
<\/td>\n LavenderBlush<\/td>\n #FFF0F5<\/td>\n 255, 240, 245<\/td>\n <\/tr>\n
<\/td>\n LawnGreen<\/td>\n #7CFC00<\/td>\n 124, 252, 0<\/td>\n <\/tr>\n
<\/td>\n LemonChiffon<\/td>\n #FFFACD<\/td>\n 255, 250, 205<\/td>\n <\/tr>\n
<\/td>\n LightBlue<\/td>\n #ADD8E6<\/td>\n 173, 216, 230<\/td>\n <\/tr>\n
<\/td>\n LightCoral<\/td>\n #F08080<\/td>\n 240, 128, 128<\/td>\n <\/tr>\n
<\/td>\n LightCyan<\/td>\n #E0FFFF<\/td>\n 224, 255, 255<\/td>\n <\/tr>\n
<\/td>\n LightGoldenRodYellow<\/td>\n #FAFAD2<\/td>\n 250, 250, 210<\/td>\n <\/tr>\n
<\/td>\n LightGray<\/td>\n #D3D3D3<\/td>\n 211, 211, 211<\/td>\n <\/tr>\n
<\/td>\n LightGreen<\/td>\n #90EE90<\/td>\n 144, 238, 144<\/td>\n <\/tr>\n
<\/td>\n LightPink<\/td>\n #FFB6C1<\/td>\n 255, 182, 193<\/td>\n <\/tr>\n
<\/td>\n LightSalmon<\/td>\n #FFA07A<\/td>\n 255, 160, 122<\/td>\n <\/tr>\n
<\/td>\n LightSeaGreen<\/td>\n #20B2AA<\/td>\n 32, 178, 170<\/td>\n <\/tr>\n
<\/td>\n LightSkyBlue<\/td>\n #87CEFA<\/td>\n 135, 206, 250<\/td>\n <\/tr>\n
<\/td>\n LightSlateGray<\/td>\n #778899<\/td>\n 119, 136, 153<\/td>\n <\/tr>\n
<\/td>\n LightSteelBlue<\/td>\n #B0C4DE<\/td>\n 176, 196, 222<\/td>\n <\/tr>\n
<\/td>\n LightYellow<\/td>\n #FFFFE0<\/td>\n 255, 255, 224<\/td>\n <\/tr>\n
<\/td>\n LimeGreen<\/td>\n #32CD32<\/td>\n 50, 205, 50<\/td>\n <\/tr>\n
<\/td>\n Linen<\/td>\n #FAF0E6<\/td>\n 250, 240, 230<\/td>\n <\/tr>\n
<\/td>\n Magenta<\/td>\n #FF00FF<\/td>\n 255, 0, 255<\/td>\n <\/tr>\n
<\/td>\n Maroon<\/td>\n #800000<\/td>\n 128, 0, 0<\/td>\n <\/tr>\n
<\/td>\n MediumAquamarine<\/td>\n #66CDAA<\/td>\n 102, 205, 170<\/td>\n <\/tr>\n
<\/td>\n MediumBlue<\/td>\n #0000CD<\/td>\n 0, 0, 205<\/td>\n <\/tr>\n
<\/td>\n MediumOrchid<\/td>\n #BA55D3<\/td>\n 186, 85, 211<\/td>\n <\/tr>\n
<\/td>\n MediumPurple<\/td>\n #9370DB<\/td>\n 147, 112, 219<\/td>\n <\/tr>\n
<\/td>\n MediumSeaGreen<\/td>\n #3CB371<\/td>\n 60, 179, 113<\/td>\n <\/tr>\n
<\/td>\n MediumSlateBlue<\/td>\n #7B68EE<\/td>\n 123, 104, 238<\/td>\n <\/tr>\n
<\/td>\n MediumSpringGreen<\/td>\n #00FA9A<\/td>\n 0, 250, 154<\/td>\n <\/tr>\n
<\/td>\n MediumTurquoise<\/td>\n #48D1CC<\/td>\n 72, 209, 204<\/td>\n <\/tr>\n
<\/td>\n MediumVioletRed<\/td>\n #C71585<\/td>\n 199, 21, 133<\/td>\n <\/tr>\n
<\/td>\n MidnightBlue<\/td>\n #191970<\/td>\n 25, 25, 112<\/td>\n <\/tr>\n
<\/td>\n MintCream<\/td>\n #F5FFFA<\/td>\n 245, 255, 250<\/td>\n <\/tr>\n
<\/td>\n MistyRose<\/td>\n #FFE4E1<\/td>\n 255, 228, 225<\/td>\n <\/tr>\n
<\/td>\n Moccasin<\/td>\n #FFE4B5<\/td>\n 255, 228, 181<\/td>\n <\/tr>\n
<\/td>\n NavajoWhite<\/td>\n #FFDEAD<\/td>\n 255, 222, 173<\/td>\n <\/tr>\n
<\/td>\n Navy<\/td>\n #000080<\/td>\n 0, 0, 128<\/td>\n <\/tr>\n
<\/td>\n OldLace<\/td>\n #FDF5E6<\/td>\n 253, 245, 230<\/td>\n <\/tr>\n
<\/td>\n Olive<\/td>\n #808000<\/td>\n 128, 128, 0<\/td>\n <\/tr>\n
<\/td>\n OliveDrab<\/td>\n #6B8E23<\/td>\n 107, 142, 35<\/td>\n <\/tr>\n
<\/td>\n Orange<\/td>\n #FFA500<\/td>\n 255, 165, 0<\/td>\n <\/tr>\n
<\/td>\n OrangeRed<\/td>\n #FF4500<\/td>\n 255, 69, 0<\/td>\n <\/tr>\n
<\/td>\n Orchid<\/td>\n #DA70D6<\/td>\n 218, 112, 214<\/td>\n <\/tr>\n
<\/td>\n PaleGoldenRod<\/td>\n #EEE8AA<\/td>\n 238, 232, 170<\/td>\n <\/tr>\n
<\/td>\n PaleGreen<\/td>\n #98FB98<\/td>\n 152, 251, 152<\/td>\n <\/tr>\n
<\/td>\n PaleTurquoise<\/td>\n #AFEEEE<\/td>\n 175, 238, 238<\/td>\n <\/tr>\n
<\/td>\n PaleVioletRed<\/td>\n #DB7093<\/td>\n 219, 112, 147<\/td>\n <\/tr>\n
<\/td>\n PapayaWhip<\/td>\n #FFEFD5<\/td>\n 255, 239, 213<\/td>\n <\/tr>\n
<\/td>\n PeachPuff<\/td>\n #FFDAB9<\/td>\n 255, 218, 185<\/td>\n <\/tr>\n
<\/td>\n Peru<\/td>\n #CD853F<\/td>\n 205, 133, 63<\/td>\n <\/tr>\n
<\/td>\n Pink<\/td>\n #FFC0CB<\/td>\n 255, 192, 203<\/td>\n <\/tr>\n
<\/td>\n Plum<\/td>\n #DDA0DD<\/td>\n 221, 160, 221<\/td>\n <\/tr>\n
<\/td>\n PowderBlue<\/td>\n #B0E0E6<\/td>\n 176, 224, 230<\/td>\n <\/tr>\n
<\/td>\n Purple<\/td>\n #800080<\/td>\n 128, 0, 128<\/td>\n <\/tr>\n
<\/td>\n RosyBrown<\/td>\n #BC8F8F<\/td>\n 188, 143, 143<\/td>\n <\/tr>\n
<\/td>\n RoyalBlue<\/td>\n #4169E1<\/td>\n 65, 105, 225<\/td>\n <\/tr>\n
<\/td>\n SaddleBrown<\/td>\n #8B4513<\/td>\n 139, 69, 19<\/td>\n <\/tr>\n
<\/td>\n Salmon<\/td>\n #FA8072<\/td>\n 250, 128, 114<\/td>\n <\/tr>\n
<\/td>\n SandyBrown<\/td>\n #F4A460<\/td>\n 244, 164, 96<\/td>\n <\/tr>\n
<\/td>\n SeaGreen<\/td>\n #2E8B57<\/td>\n 46, 139, 87<\/td>\n <\/tr>\n
<\/td>\n SeaShell<\/td>\n #FFF5EE<\/td>\n 255, 245, 238<\/td>\n <\/tr>\n
<\/td>\n Sienna<\/td>\n #A0522D<\/td>\n 160, 82, 45<\/td>\n <\/tr>\n
<\/td>\n Silver<\/td>\n #C0C0C0<\/td>\n 192, 192, 192<\/td>\n <\/tr>\n
<\/td>\n SkyBlue<\/td>\n #87CEEB<\/td>\n 135, 206, 235<\/td>\n <\/tr>\n
<\/td>\n SlateBlue<\/td>\n #6A5ACD<\/td>\n 106, 90, 205<\/td>\n <\/tr>\n
<\/td>\n SlateGray<\/td>\n #708090<\/td>\n 112, 128, 144<\/td>\n <\/tr>\n
<\/td>\n Snow<\/td>\n #FFFAFA<\/td>\n 255, 250, 250<\/td>\n <\/tr>\n
<\/td>\n SpringGreen<\/td>\n #00FF7F<\/td>\n 0, 255, 127<\/td>\n <\/tr>\n
<\/td>\n SteelBlue<\/td>\n #4682B4<\/td>\n 70, 130, 180<\/td>\n <\/tr>\n
<\/td>\n Tan<\/td>\n #D2B48C<\/td>\n 210, 180, 140<\/td>\n <\/tr>\n
<\/td>\n Teal<\/td>\n #008080<\/td>\n 0, 128, 128<\/td>\n <\/tr>\n
<\/td>\n Thistle<\/td>\n #D8BFD8<\/td>\n 216, 191, 216<\/td>\n <\/tr>\n
<\/td>\n Tomato<\/td>\n #FF6347<\/td>\n 255, 99, 71<\/td>\n <\/tr>\n
<\/td>\n Turquoise<\/td>\n #40E0D0<\/td>\n 64, 224, 208<\/td>\n <\/tr>\n
<\/td>\n Violet<\/td>\n #EE82EE<\/td>\n 238, 130, 238<\/td>\n <\/tr>\n
<\/td>\n Wheat<\/td>\n #F5DEB3<\/td>\n 245, 222, 179<\/td>\n <\/tr>\n
<\/td>\n WhiteSmoke<\/td>\n #F5F5F5<\/td>\n 245, 245, 245<\/td>\n <\/tr>\n
<\/td>\n Yellow<\/td>\n #FFFF00<\/td>\n 255, 255, 0<\/td>\n <\/tr>\n
<\/td>\n YellowGreen<\/td>\n #9ACD32<\/td>\n 154, 205, 50<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Merah dan Pink<\/h3>

Berikut adalah variasi warna HTML merah yang bisa Anda gunakan:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n IndianRed<\/td>\n #CD5C5C<\/td>\n 205, 92, 92<\/td>\n <\/tr>\n
<\/td>\n LightCoral<\/td>\n #F08080<\/td>\n 240, 128, 128<\/td>\n <\/tr>\n
<\/td>\n Salmon<\/td>\n #FA8072<\/td>\n 250, 128, 114<\/td>\n <\/tr>\n
<\/td>\n DarkSalmon<\/td>\n #E9967A<\/td>\n 233, 150, 122<\/td>\n <\/tr>\n
<\/td>\n LightSalmon<\/td>\n #FFA07A<\/td>\n 255, 160, 122<\/td>\n <\/tr>\n
<\/td>\n Crimson<\/td>\n #DC143C<\/td>\n 220, 20, 60<\/td>\n <\/tr>\n
<\/td>\n Red<\/td>\n #FF0000<\/td>\n 255, 0, 0<\/td>\n <\/tr>\n
<\/td>\n Firebrick<\/td>\n #B22222<\/td>\n 178, 34, 34<\/td>\n <\/tr>\n
<\/td>\n DarkRed<\/td>\n #8B0000<\/td>\n 139, 0, 0<\/td>\n <\/tr>\n
<\/td>\n Maroon<\/td>\n #800000<\/td>\n 128, 0, 0<\/td>\n <\/tr>\n
<\/td>\n Pink<\/td>\n #FFC0CB<\/td>\n 255, 192, 203<\/td>\n <\/tr>\n
<\/td>\n LightPink<\/td>\n #FFB6C1<\/td>\n 255, 182, 193<\/td>\n <\/tr>\n
<\/td>\n HotPink<\/td>\n #FF69B4<\/td>\n 255, 105, 180<\/td>\n <\/tr>\n
<\/td>\n DeepPink<\/td>\n #FF1493<\/td>\n 255, 20, 147<\/td>\n <\/tr>\n
<\/td>\n MediumVioletRed<\/td>\n #C71585<\/td>\n 199, 21, 133<\/td>\n <\/tr>\n
<\/td>\n PaleVioletRed<\/td>\n #DB7093<\/td>\n 219, 112, 147<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Kuning dan Oranye<\/h3>

Apabila memerlukan variasi warna kuning, berikut kode yang bisa Anda gunakan:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n Gold<\/td>\n #FFD700<\/td>\n 255, 215, 0<\/td>\n <\/tr>\n
<\/td>\n Yellow<\/td>\n #FFFF00<\/td>\n 255, 255, 0<\/td>\n <\/tr>\n
<\/td>\n LightYellow<\/td>\n #FFFFE0<\/td>\n 255, 255, 224<\/td>\n <\/tr>\n
<\/td>\n LemonChiffon<\/td>\n #FFFACD<\/td>\n 255, 250, 205<\/td>\n <\/tr>\n
<\/td>\n LightGoldenrodYellow<\/td>\n #FAFAD2<\/td>\n 250, 250, 210<\/td>\n <\/tr>\n
<\/td>\n PapayaWhip<\/td>\n #FFEFD5<\/td>\n 255, 239, 213<\/td>\n <\/tr>\n
<\/td>\n Moccasin<\/td>\n #FFE4B5<\/td>\n 255, 228, 181<\/td>\n <\/tr>\n
<\/td>\n PeachPuff<\/td>\n #FFDAB9<\/td>\n 255, 218, 185<\/td>\n <\/tr>\n
<\/td>\n PaleGoldenrod<\/td>\n #EEE8AA<\/td>\n 238, 232, 170<\/td>\n <\/tr>\n
<\/td>\n Khaki<\/td>\n #F0E68C<\/td>\n 240, 230, 140<\/td>\n <\/tr>\n
<\/td>\n DarkKhaki<\/td>\n #BDB76B<\/td>\n 189, 183, 107<\/td>\n <\/tr>\n
<\/td>\n Coral<\/td>\n #FF7F50<\/td>\n 255, 127, 80<\/td>\n <\/tr>\n
<\/td>\n Tomato<\/td>\n #FF6347<\/td>\n 255, 99, 71<\/td>\n <\/tr>\n
<\/td>\n OrangeRed<\/td>\n #FF4500<\/td>\n 255, 69, 0<\/td>\n <\/tr>\n
<\/td>\n DarkOrange<\/td>\n #FF8C00<\/td>\n 255, 140, 0<\/td>\n <\/tr>\n
<\/td>\n Orange<\/td>\n #FFA500<\/td>\n 255, 165, 0<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Hijau<\/h3>

Untuk variasi warna hijau, berikut kodenya:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n GreenYellow<\/td>\n #ADFF2F<\/td>\n 173, 255, 47<\/td>\n <\/tr>\n
<\/td>\n Chartreuse<\/td>\n #7FFF00<\/td>\n 127, 255, 0<\/td>\n <\/tr>\n
<\/td>\n LawnGreen<\/td>\n #7CFC00<\/td>\n 124, 252, 0<\/td>\n <\/tr>\n
<\/td>\n Lime<\/td>\n #00FF00<\/td>\n 0, 255, 0<\/td>\n <\/tr>\n
<\/td>\n LimeGreen<\/td>\n #32CD32<\/td>\n 50, 205, 50<\/td>\n <\/tr>\n
<\/td>\n PaleGreen<\/td>\n #98FB98<\/td>\n 152, 251, 152<\/td>\n <\/tr>\n
<\/td>\n LightGreen<\/td>\n #90EE90<\/td>\n 144, 238, 144<\/td>\n <\/tr>\n
<\/td>\n MediumSpringGreen<\/td>\n #00FA9A<\/td>\n 0, 250, 154<\/td>\n <\/tr>\n
<\/td>\n SpringGreen<\/td>\n #00FF7F<\/td>\n 0, 255, 127<\/td>\n <\/tr>\n
<\/td>\n MediumSeaGreen<\/td>\n #3CB371<\/td>\n 60, 179, 113<\/td>\n <\/tr>\n
<\/td>\n SeaGreen<\/td>\n #2E8B57<\/td>\n 46, 139, 87<\/td>\n <\/tr>\n
<\/td>\n ForestGreen<\/td>\n #228B22<\/td>\n 34, 139, 34<\/td>\n <\/tr>\n
<\/td>\n Green<\/td>\n #008000<\/td>\n 0, 128, 0<\/td>\n <\/tr>\n
<\/td>\n DarkGreen<\/td>\n #006400<\/td>\n 0, 100, 0<\/td>\n <\/tr>\n
<\/td>\n YellowGreen<\/td>\n #9ACD32<\/td>\n 154, 205, 50<\/td>\n <\/tr>\n
<\/td>\n OliveDrab<\/td>\n #6B8E23<\/td>\n 107, 142, 35<\/td>\n <\/tr>\n
<\/td>\n Olive<\/td>\n #808000<\/td>\n 128, 128, 0<\/td>\n <\/tr>\n
<\/td>\n DarkOliveGreen<\/td>\n #556B2F<\/td>\n 85, 107, 47<\/td>\n <\/tr>\n
<\/td>\n MediumAquamarine<\/td>\n #66CDAA<\/td>\n 102, 205, 170<\/td>\n <\/tr>\n
<\/td>\n DarkSeaGreen<\/td>\n #8FBC8F<\/td>\n 143, 188, 143<\/td>\n <\/tr>\n
<\/td>\n LightSeaGreen<\/td>\n #20B2AA<\/td>\n 32, 178, 170<\/td>\n <\/tr>\n
<\/td>\n Aquamarine<\/td>\n #7FFFD4<\/td>\n 127, 255, 212<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Biru<\/h3>

Berikut daftar variasi warna biru dan kode HTML yang bisa Anda gunakan:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n DarkCyan<\/td>\n #008B8B<\/td>\n 0, 139, 139<\/td>\n <\/tr>\n
<\/td>\n Teal<\/td>\n #008080<\/td>\n 0, 128, 128<\/td>\n <\/tr>\n
<\/td>\n Aqua<\/td>\n #00FFFF<\/td>\n 0, 255, 255<\/td>\n <\/tr>\n
<\/td>\n LightCyan<\/td>\n #E0FFFF<\/td>\n 224, 255, 255<\/td>\n <\/tr>\n
<\/td>\n PaleTurquoise<\/td>\n #AFEEEE<\/td>\n 175, 238, 238<\/td>\n <\/tr>\n
<\/td>\n Turquoise<\/td>\n #40E0D0<\/td>\n 64, 224, 208<\/td>\n <\/tr>\n
<\/td>\n MediumTurquoise<\/td>\n #48D1CC<\/td>\n 72, 209, 204<\/td>\n <\/tr>\n
<\/td>\n DarkTurquoise<\/td>\n #00CED1<\/td>\n 0, 206, 209<\/td>\n <\/tr>\n
<\/td>\n CadetBlue<\/td>\n #5F9EA0<\/td>\n 95, 158, 160<\/td>\n <\/tr>\n
<\/td>\n SteelBlue<\/td>\n #4682B4<\/td>\n 70, 130, 180<\/td>\n <\/tr>\n
<\/td>\n LightSteelBlue<\/td>\n #B0C4DE<\/td>\n 176, 196, 222<\/td>\n <\/tr>\n
<\/td>\n PowderBlue<\/td>\n #B0E0E6<\/td>\n 176, 224, 230<\/td>\n <\/tr>\n
<\/td>\n LightBlue<\/td>\n #ADD8E6<\/td>\n 173, 216, 230<\/td>\n <\/tr>\n
<\/td>\n SkyBlue<\/td>\n #87CEEB<\/td>\n 135, 206, 235<\/td>\n <\/tr>\n
<\/td>\n LightSkyBlue<\/td>\n #87CEFA<\/td>\n 135, 206, 250<\/td>\n <\/tr>\n
<\/td>\n DeepSkyBlue<\/td>\n #00BFFF<\/td>\n 0, 191, 255<\/td>\n <\/tr>\n
<\/td>\n DodgerBlue<\/td>\n #1E90FF<\/td>\n 30, 144, 255<\/td>\n <\/tr>\n
<\/td>\n CornflowerBlue<\/td>\n #6495ED<\/td>\n 100, 149, 237<\/td>\n <\/tr>\n
<\/td>\n MediumSlateBlue<\/td>\n #7B68EE<\/td>\n 123, 104, 238<\/td>\n <\/tr>\n
<\/td>\n RoyalBlue<\/td>\n #4169E1<\/td>\n 65, 105, 225<\/td>\n <\/tr>\n
<\/td>\n Blue<\/td>\n #0000FF<\/td>\n 0, 0, 255<\/td>\n <\/tr>\n
<\/td>\n MediumBlue<\/td>\n #0000CD<\/td>\n 0, 0, 205<\/td>\n <\/tr>\n
<\/td>\n DarkBlue<\/td>\n #00008B<\/td>\n 0, 0, 139<\/td>\n <\/tr>\n
<\/td>\n Navy<\/td>\n #000080<\/td>\n 0, 0, 128<\/td>\n <\/tr>\n
<\/td>\n MidnightBlue<\/td>\n #191970<\/td>\n 25, 25, 112<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Ungu<\/h3>

Berikut variasi warna ungu dan kodenya:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n Lavender<\/td>\n #E6E6FA<\/td>\n 230, 230, 250<\/td>\n <\/tr>\n
<\/td>\n Thistle<\/td>\n #D8BFD8<\/td>\n 216, 191, 216<\/td>\n <\/tr>\n
<\/td>\n Plum<\/td>\n #DDA0DD<\/td>\n 221, 160, 221<\/td>\n <\/tr>\n
<\/td>\n Violet<\/td>\n #EE82EE<\/td>\n 238, 130, 238<\/td>\n <\/tr>\n
<\/td>\n Orchid<\/td>\n #DA70D6<\/td>\n 218, 112, 214<\/td>\n <\/tr>\n
<\/td>\n Fuchsia<\/td>\n #FF00FF<\/td>\n 255, 0, 255<\/td>\n <\/tr>\n
<\/td>\n Magenta<\/td>\n #FF00FF<\/td>\n 255, 0, 255<\/td>\n <\/tr>\n
<\/td>\n MediumOrchid<\/td>\n #BA55D3<\/td>\n 186, 85, 211<\/td>\n <\/tr>\n
<\/td>\n MediumPurple<\/td>\n #9370DB<\/td>\n 147, 112, 219<\/td>\n <\/tr>\n
<\/td>\n BlueViolet<\/td>\n #8A2BE2<\/td>\n 138, 43, 226<\/td>\n <\/tr>\n
<\/td>\n DarkViolet<\/td>\n #9400D3<\/td>\n 148, 0, 211<\/td>\n <\/tr>\n
<\/td>\n DarkOrchid<\/td>\n #9932CC<\/td>\n 153, 50, 204<\/td>\n <\/tr>\n
<\/td>\n DarkMagenta<\/td>\n #8B008B<\/td>\n 139, 0, 139<\/td>\n <\/tr>\n
<\/td>\n Purple<\/td>\n #800080<\/td>\n 128, 0, 128<\/td>\n <\/tr>\n
<\/td>\n Indigo<\/td>\n #4B0082<\/td>\n 75, 0, 130<\/td>\n <\/tr>\n
<\/td>\n SlateBlue<\/td>\n #6A5ACD<\/td>\n 106, 90, 205<\/td>\n <\/tr>\n
<\/td>\n DarkSlateBlue<\/td>\n #483D8B<\/td>\n 72, 61, 139<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Cokelat<\/h3>

Untuk variasi warna cokelat, ini kode HTML yang bisa digunakan:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n Cornsilk<\/td>\n #FFF8DC<\/td>\n 255, 248, 220<\/td>\n <\/tr>\n
<\/td>\n BlanchedAlmond<\/td>\n #FFEBCD<\/td>\n 255, 235, 205<\/td>\n <\/tr>\n
<\/td>\n Bisque<\/td>\n #FFE4C4<\/td>\n 255, 228, 196<\/td>\n <\/tr>\n
<\/td>\n NavajoWhite<\/td>\n #FFDEAD<\/td>\n 255, 222, 173<\/td>\n <\/tr>\n
<\/td>\n Wheat<\/td>\n #F5DEB3<\/td>\n 245, 222, 179<\/td>\n <\/tr>\n
<\/td>\n BurlyWood<\/td>\n #DEB887<\/td>\n 222, 184, 135<\/td>\n <\/tr>\n
<\/td>\n Tan<\/td>\n #D2B48C<\/td>\n 210, 180, 140<\/td>\n <\/tr>\n
<\/td>\n RosyBrown<\/td>\n #BC8F8F<\/td>\n 188, 143, 143<\/td>\n <\/tr>\n
<\/td>\n SandyBrown<\/td>\n #F4A460<\/td>\n 244, 164, 96<\/td>\n <\/tr>\n
<\/td>\n Goldenrod<\/td>\n #DAA520<\/td>\n 218, 165, 32<\/td>\n <\/tr>\n
<\/td>\n DarkGoldenrod<\/td>\n #B8860B<\/td>\n 184, 134, 11<\/td>\n <\/tr>\n
<\/td>\n Peru<\/td>\n #CD853F<\/td>\n 205, 133, 63<\/td>\n <\/tr>\n
<\/td>\n Chocolate<\/td>\n #D2691E<\/td>\n 210, 105, 30<\/td>\n <\/tr>\n
<\/td>\n SaddleBrown<\/td>\n #8B4513<\/td>\n 139, 69, 19<\/td>\n <\/tr>\n
<\/td>\n Sienna<\/td>\n #A0522D<\/td>\n 160, 82, 45<\/td>\n <\/tr>\n
<\/td>\n Brown<\/td>\n #A52A2A<\/td>\n 165, 42, 42<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Putih Terang<\/h3>

Di bawah ini adalah kode HTML untuk variasi warna putih:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n White<\/td>\n #FFFFFF<\/td>\n 255, 255, 255<\/td>\n <\/tr>\n
<\/td>\n Snow<\/td>\n #FFFAFA<\/td>\n 255, 250, 250<\/td>\n <\/tr>\n
<\/td>\n Honeydew<\/td>\n #F0FFF0<\/td>\n 240, 255, 240<\/td>\n <\/tr>\n
<\/td>\n MintCream<\/td>\n #F5FFFA<\/td>\n 245, 255, 250<\/td>\n <\/tr>\n
<\/td>\n Azure<\/td>\n #F0FFFF<\/td>\n 240, 255, 255<\/td>\n <\/tr>\n
<\/td>\n AliceBlue<\/td>\n #F0F8FF<\/td>\n 240, 248, 255<\/td>\n <\/tr>\n
<\/td>\n GhostWhite<\/td>\n #F8F8FF<\/td>\n 248, 248, 255<\/td>\n <\/tr>\n
<\/td>\n WhiteSmoke<\/td>\n #F5F5F5<\/td>\n 245, 245, 245<\/td>\n <\/tr>\n
<\/td>\n Seashell<\/td>\n #FFF5EE<\/td>\n 255, 245, 238<\/td>\n <\/tr>\n
<\/td>\n Beige<\/td>\n #F5F5DC<\/td>\n 245, 245, 220<\/td>\n <\/tr>\n
<\/td>\n OldLace<\/td>\n #FDF5E6<\/td>\n 253, 245, 230<\/td>\n <\/tr>\n
<\/td>\n FloralWhite<\/td>\n #FFFAF0<\/td>\n 255, 250, 240<\/td>\n <\/tr>\n
<\/td>\n Ivory<\/td>\n #FFFFF0<\/td>\n 255, 255, 240<\/td>\n <\/tr>\n
<\/td>\n AntiqueWhite<\/td>\n #FAEBD7<\/td>\n 250, 235, 215<\/td>\n <\/tr>\n
<\/td>\n Linen<\/td>\n #FAF0E6<\/td>\n 250, 240, 230<\/td>\n <\/tr>\n
<\/td>\n LavenderBlush<\/td>\n #FFF0F5<\/td>\n 255, 240, 245<\/td>\n <\/tr>\n
<\/td>\n MistyRose<\/td>\n #FFE4E1<\/td>\n 255, 228, 225<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Variasi Warna Hitam, Abu-Abu, dan Gelap<\/h3>

Berikut adalah kode HTML untuk variasi warna abu-abu:<\/p>\n \n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode Warna HTML<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n Gainsboro<\/td>\n #DCDCDC<\/td>\n 220, 220, 220<\/td>\n <\/tr>\n
<\/td>\n LightGray<\/td>\n #D3D3D3<\/td>\n 211, 211, 211<\/td>\n <\/tr>\n
<\/td>\n Silver<\/td>\n #C0C0C0<\/td>\n 192, 192, 192<\/td>\n <\/tr>\n
<\/td>\n DarkGray<\/td>\n #A9A9A9<\/td>\n 169, 169, 169<\/td>\n <\/tr>\n
<\/td>\n Gray<\/td>\n #808080<\/td>\n 128, 128, 128<\/td>\n <\/tr>\n
<\/td>\n DimGray<\/td>\n #696969<\/td>\n 105, 105, 105<\/td>\n <\/tr>\n
<\/td>\n LightSlateGray<\/td>\n #778899<\/td>\n 119, 136, 153<\/td>\n <\/tr>\n
<\/td>\n SlateGray<\/td>\n #708090<\/td>\n 112, 128, 144<\/td>\n <\/tr>\n
<\/td>\n DarkSlateGray<\/td>\n #2F4F4F<\/td>\n 47, 79, 79<\/td>\n <\/tr>\n
<\/td>\n Black<\/td>\n #000000<\/td>\n 0, 0, 0<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Selain opsi di atas, Anda juga masih bisa menggabungkan berbagai warna lain untuk menghasilkan kombinasi yang tepat. Sebab, ada banyak sekali kemungkinan warna yang bisa dipilih menggunakan kode HEX atau RGB.<\/p>

Berikut contoh warna-warna yang tidak memiliki kode warna HTML tapi bisa dihasilkan menggunakan kode HEX dan RGB:<\/p>\n \n \n \n \n \n <\/colgroup>\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n
Hasil<\/th>\n Kode HEX<\/th>\n Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n
<\/td>\n #A2A832<\/td>\n 162, 168, 50<\/td>\n <\/tr>\n
<\/td>\n #3259A8<\/td>\n 50, 89, 168<\/td>\n <\/tr>\n
<\/td>\n #7C3F55<\/td>\n 124, 63, 85<\/td>\n <\/tr>\n
<\/td>\n #8A7342<\/td>\n 138, 115, 66<\/td>\n <\/tr>\n
<\/td>\n #B1849F<\/td>\n 177, 132, 159<\/td>\n <\/tr>\n
<\/td>\n #52619F<\/td>\n 82, 97, 159<\/td>\n <\/tr>\n
<\/td>\n #9C754D<\/td>\n 156, 117, 77<\/td>\n <\/tr>\n
<\/td>\n #5F7E68<\/td>\n 95, 126, 104<\/td>\n <\/tr>\n
<\/td>\n #AC6F95<\/td>\n 172, 111, 149<\/td>\n <\/tr>\n
<\/td>\n #5D6D8E<\/td>\n 93, 109, 142<\/td>\n <\/tr>\n <\/tbody>\n<\/table>

Representasi Warna Digital yang Ada saat Ini<\/h2>

Saat ini, ada beberapa model warna digital yang digunakan dalam desain visual, yang tiap-tiapnya memiliki contoh penggunaan idealnya sendiri.<\/p>

Misalnya, kode warna HTML lebih mudah dan praktis karena langsung menuliskan namanya, HEX menjamin warna yang lebih tepat, dan RGB bisa digunakan untuk manipulasi warna tingkat lanjut.<\/p>

Dengan mempelajari kode warna ini, Anda pun bisa menghadirkan pengalaman visual yang menarik, memastikan desain Anda bisa ditampilkan tanpa masalah di berbagai perangkat dan platform.<\/p>

Berikut ini adalah beberapa model warna digital yang paling populer saat ini:<\/p>