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>
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>.<\/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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n |
\n \n | <\/td>\n | Black<\/td>\n | #000000<\/td>\n | 0, 0, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | White<\/td>\n | #FFFFFF<\/td>\n | 255, 255, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Red<\/td>\n | #FF0000<\/td>\n | 255, 0, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | Lime<\/td>\n | #00FF00<\/td>\n | 0, 255, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | Blue<\/td>\n | #0000FF<\/td>\n | 0, 0, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | AliceBlue<\/td>\n | #F0F8FF<\/td>\n | 240, 248, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | AntiqueWhite<\/td>\n | #FAEBD7<\/td>\n | 250, 235, 215<\/td>\n <\/tr>\n |
\n | <\/td>\n | Aqua<\/td>\n | #00FFFF<\/td>\n | 0, 255, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Aquamarine<\/td>\n | #7FFFD4<\/td>\n | 127, 255, 212<\/td>\n <\/tr>\n |
\n | <\/td>\n | Azure<\/td>\n | #F0FFFF<\/td>\n | 240, 255, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Beige<\/td>\n | #F5F5DC<\/td>\n | 245, 245, 220<\/td>\n <\/tr>\n |
\n | <\/td>\n | Bisque<\/td>\n | #FFE4C4<\/td>\n | 255, 228, 196<\/td>\n <\/tr>\n |
\n | <\/td>\n | BlanchedAlmond<\/td>\n | #FFEBCD<\/td>\n | 255, 235, 205<\/td>\n <\/tr>\n |
\n | <\/td>\n | BlueViolet<\/td>\n | #8A2BE2<\/td>\n | 138, 43, 226<\/td>\n <\/tr>\n |
\n | <\/td>\n | Brown<\/td>\n | #A52A2A<\/td>\n | 165, 42, 42<\/td>\n <\/tr>\n |
\n | <\/td>\n | BurlyWood<\/td>\n | #DEB887<\/td>\n | 222, 184, 135<\/td>\n <\/tr>\n |
\n | <\/td>\n | CadetBlue<\/td>\n | #5F9EA0<\/td>\n | 95, 158, 160<\/td>\n <\/tr>\n |
\n | <\/td>\n | Chartreuse<\/td>\n | #7FFF00<\/td>\n | 127, 255, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | Chocolate<\/td>\n | #D2691E<\/td>\n | 210, 105, 30<\/td>\n <\/tr>\n |
\n | <\/td>\n | Coral<\/td>\n | #FF7F50<\/td>\n | 255, 127, 80<\/td>\n <\/tr>\n |
\n | <\/td>\n | CornflowerBlue<\/td>\n | #6495ED<\/td>\n | 100, 149, 237<\/td>\n <\/tr>\n |
\n | <\/td>\n | Cornsilk<\/td>\n | #FFF8DC<\/td>\n | 255, 248, 220<\/td>\n <\/tr>\n |
\n | <\/td>\n | Crimson<\/td>\n | #DC143C<\/td>\n | 220, 20, 60<\/td>\n <\/tr>\n |
\n | <\/td>\n | Cyan<\/td>\n | #00FFFF<\/td>\n | 0, 255, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkBlue<\/td>\n | #00008B<\/td>\n | 0, 0, 139<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkCyan<\/td>\n | #008B8B<\/td>\n | 0, 139, 139<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkGoldenRod<\/td>\n | #B8860B<\/td>\n | 184, 134, 11<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkGray<\/td>\n | #A9A9A9<\/td>\n | 169, 169, 169<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkGreen<\/td>\n | #006400<\/td>\n | 0, 100, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkKhaki<\/td>\n | #BDB76B<\/td>\n | 189, 183, 107<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkMagenta<\/td>\n | #8B008B<\/td>\n | 139, 0, 139<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkOliveGreen<\/td>\n | #556B2F<\/td>\n | 85, 107, 47<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkOrange<\/td>\n | #FF8C00<\/td>\n | 255, 140, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkOrchid<\/td>\n | #9932CC<\/td>\n | 153, 50, 204<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkRed<\/td>\n | #8B0000<\/td>\n | 139, 0, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkSalmon<\/td>\n | #E9967A<\/td>\n | 233, 150, 122<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkSeaGreen<\/td>\n | #8FBC8F<\/td>\n | 143, 188, 143<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkSlateBlue<\/td>\n | #483D8B<\/td>\n | 72, 61, 139<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkSlateGray<\/td>\n | #2F4F4F<\/td>\n | 47, 79, 79<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkTurquoise<\/td>\n | #00CED1<\/td>\n | 0, 206, 209<\/td>\n <\/tr>\n |
\n | <\/td>\n | DarkViolet<\/td>\n | #9400D3<\/td>\n | 148, 0, 211<\/td>\n <\/tr>\n |
\n | <\/td>\n | DeepPink<\/td>\n | #FF1493<\/td>\n | 255, 20, 147<\/td>\n <\/tr>\n |
\n | <\/td>\n | DeepSkyBlue<\/td>\n | #00BFFF<\/td>\n | 0, 191, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | DimGray<\/td>\n | #696969<\/td>\n | 105, 105, 105<\/td>\n <\/tr>\n |
\n | <\/td>\n | DodgerBlue<\/td>\n | #1E90FF<\/td>\n | 30, 144, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | FireBrick<\/td>\n | #B22222<\/td>\n | 178, 34, 34<\/td>\n <\/tr>\n |
\n | <\/td>\n | FloralWhite<\/td>\n | #FFFAF0<\/td>\n | 255, 250, 240<\/td>\n <\/tr>\n |
\n | <\/td>\n | ForestGreen<\/td>\n | #228B22<\/td>\n | 34, 139, 34<\/td>\n <\/tr>\n |
\n | <\/td>\n | Fuchsia<\/td>\n | #FF00FF<\/td>\n | 255, 0, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Gainsboro<\/td>\n | #DCDCDC<\/td>\n | 220, 220, 220<\/td>\n <\/tr>\n |
\n | <\/td>\n | GhostWhite<\/td>\n | #F8F8FF<\/td>\n | 248, 248, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Gold<\/td>\n | #FFD700<\/td>\n | 255, 215, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | GoldenRod<\/td>\n | #DAA520<\/td>\n | 218, 165, 32<\/td>\n <\/tr>\n |
\n | <\/td>\n | Gray<\/td>\n | #808080<\/td>\n | 128, 128, 128<\/td>\n <\/tr>\n |
\n | <\/td>\n | Green<\/td>\n | #008000<\/td>\n | 0, 128, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | GreenYellow<\/td>\n | #ADFF2F<\/td>\n | 173, 255, 47<\/td>\n <\/tr>\n |
\n | <\/td>\n | HoneyDew<\/td>\n | #F0FFF0<\/td>\n | 240, 255, 240<\/td>\n <\/tr>\n |
\n | <\/td>\n | HotPink<\/td>\n | #FF69B4<\/td>\n | 255, 105, 180<\/td>\n <\/tr>\n |
\n | <\/td>\n | IndianRed<\/td>\n | #CD5C5C<\/td>\n | 205, 92, 92<\/td>\n <\/tr>\n |
\n | <\/td>\n | Indigo<\/td>\n | #4B0082<\/td>\n | 75, 0, 130<\/td>\n <\/tr>\n |
\n | <\/td>\n | Ivory<\/td>\n | #FFFFF0<\/td>\n | 255, 255, 240<\/td>\n <\/tr>\n |
\n | <\/td>\n | Khaki<\/td>\n | #F0E68C<\/td>\n | 240, 230, 140<\/td>\n <\/tr>\n |
\n | <\/td>\n | Lavender<\/td>\n | #E6E6FA<\/td>\n | 230, 230, 250<\/td>\n <\/tr>\n |
\n | <\/td>\n | LavenderBlush<\/td>\n | #FFF0F5<\/td>\n | 255, 240, 245<\/td>\n <\/tr>\n |
\n | <\/td>\n | LawnGreen<\/td>\n | #7CFC00<\/td>\n | 124, 252, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | LemonChiffon<\/td>\n | #FFFACD<\/td>\n | 255, 250, 205<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightBlue<\/td>\n | #ADD8E6<\/td>\n | 173, 216, 230<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightCoral<\/td>\n | #F08080<\/td>\n | 240, 128, 128<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightCyan<\/td>\n | #E0FFFF<\/td>\n | 224, 255, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightGoldenRodYellow<\/td>\n | #FAFAD2<\/td>\n | 250, 250, 210<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightGray<\/td>\n | #D3D3D3<\/td>\n | 211, 211, 211<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightGreen<\/td>\n | #90EE90<\/td>\n | 144, 238, 144<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightPink<\/td>\n | #FFB6C1<\/td>\n | 255, 182, 193<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightSalmon<\/td>\n | #FFA07A<\/td>\n | 255, 160, 122<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightSeaGreen<\/td>\n | #20B2AA<\/td>\n | 32, 178, 170<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightSkyBlue<\/td>\n | #87CEFA<\/td>\n | 135, 206, 250<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightSlateGray<\/td>\n | #778899<\/td>\n | 119, 136, 153<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightSteelBlue<\/td>\n | #B0C4DE<\/td>\n | 176, 196, 222<\/td>\n <\/tr>\n |
\n | <\/td>\n | LightYellow<\/td>\n | #FFFFE0<\/td>\n | 255, 255, 224<\/td>\n <\/tr>\n |
\n | <\/td>\n | LimeGreen<\/td>\n | #32CD32<\/td>\n | 50, 205, 50<\/td>\n <\/tr>\n |
\n | <\/td>\n | Linen<\/td>\n | #FAF0E6<\/td>\n | 250, 240, 230<\/td>\n <\/tr>\n |
\n | <\/td>\n | Magenta<\/td>\n | #FF00FF<\/td>\n | 255, 0, 255<\/td>\n <\/tr>\n |
\n | <\/td>\n | Maroon<\/td>\n | #800000<\/td>\n | 128, 0, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumAquamarine<\/td>\n | #66CDAA<\/td>\n | 102, 205, 170<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumBlue<\/td>\n | #0000CD<\/td>\n | 0, 0, 205<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumOrchid<\/td>\n | #BA55D3<\/td>\n | 186, 85, 211<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumPurple<\/td>\n | #9370DB<\/td>\n | 147, 112, 219<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumSeaGreen<\/td>\n | #3CB371<\/td>\n | 60, 179, 113<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumSlateBlue<\/td>\n | #7B68EE<\/td>\n | 123, 104, 238<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumSpringGreen<\/td>\n | #00FA9A<\/td>\n | 0, 250, 154<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumTurquoise<\/td>\n | #48D1CC<\/td>\n | 72, 209, 204<\/td>\n <\/tr>\n |
\n | <\/td>\n | MediumVioletRed<\/td>\n | #C71585<\/td>\n | 199, 21, 133<\/td>\n <\/tr>\n |
\n | <\/td>\n | MidnightBlue<\/td>\n | #191970<\/td>\n | 25, 25, 112<\/td>\n <\/tr>\n |
\n | <\/td>\n | MintCream<\/td>\n | #F5FFFA<\/td>\n | 245, 255, 250<\/td>\n <\/tr>\n |
\n | <\/td>\n | MistyRose<\/td>\n | #FFE4E1<\/td>\n | 255, 228, 225<\/td>\n <\/tr>\n |
\n | <\/td>\n | Moccasin<\/td>\n | #FFE4B5<\/td>\n | 255, 228, 181<\/td>\n <\/tr>\n |
\n | <\/td>\n | NavajoWhite<\/td>\n | #FFDEAD<\/td>\n | 255, 222, 173<\/td>\n <\/tr>\n |
\n | <\/td>\n | Navy<\/td>\n | #000080<\/td>\n | 0, 0, 128<\/td>\n <\/tr>\n |
\n | <\/td>\n | OldLace<\/td>\n | #FDF5E6<\/td>\n | 253, 245, 230<\/td>\n <\/tr>\n |
\n | <\/td>\n | Olive<\/td>\n | #808000<\/td>\n | 128, 128, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | OliveDrab<\/td>\n | #6B8E23<\/td>\n | 107, 142, 35<\/td>\n <\/tr>\n |
\n | <\/td>\n | Orange<\/td>\n | #FFA500<\/td>\n | 255, 165, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | OrangeRed<\/td>\n | #FF4500<\/td>\n | 255, 69, 0<\/td>\n <\/tr>\n |
\n | <\/td>\n | Orchid<\/td>\n | #DA70D6<\/td>\n | 218, 112, 214<\/td>\n <\/tr>\n |
\n | <\/td>\n | PaleGoldenRod<\/td>\n | #EEE8AA<\/td>\n | 238, 232, 170<\/td>\n <\/tr>\n |
\n | <\/td>\n | PaleGreen<\/td>\n | #98FB98<\/td>\n | 152, 251, 152<\/td>\n <\/tr>\n |
\n | <\/td>\n | PaleTurquoise<\/td>\n | #AFEEEE<\/td>\n | 175, 238, 238<\/td>\n <\/tr>\n |
\n | <\/td>\n | PaleVioletRed<\/td>\n | #DB7093<\/td>\n | 219, 112, 147<\/td>\n <\/tr>\n |
\n | <\/td>\n | PapayaWhip<\/td>\n | #FFEFD5<\/td>\n | 255, 239, 213<\/td>\n <\/tr>\n |
\n | <\/td>\n | PeachPuff<\/td>\n | #FFDAB9<\/td>\n | 255, 218, 185<\/td>\n <\/tr>\n |
\n | <\/td>\n | Peru<\/td>\n | #CD853F<\/td>\n | 205, 133, 63<\/td>\n <\/tr>\n |
\n | <\/td>\n | Pink<\/td>\n | #FFC0CB<\/td>\n | 255, 192, 203<\/td>\n <\/tr>\n |
\n | <\/td>\n | Plum<\/td>\n | #DDA0DD<\/td>\n | 221, 160, 221<\/td>\n <\/tr>\n |
\n | <\/td>\n | PowderBlue<\/td>\n | #B0E0E6<\/td>\n | 176, 224, 230<\/td>\n <\/tr>\n |
\n | <\/td>\n | Purple<\/td>\n | #800080<\/td>\n | 128, 0, 128<\/td>\n <\/tr>\n |
\n | <\/td>\n | RosyBrown<\/td>\n | #BC8F8F<\/td>\n | 188, 143, 143<\/td>\n <\/tr>\n |
\n | <\/td>\n | RoyalBlue<\/td>\n | #4169E1<\/td>\n | 65, 105, 225<\/td>\n <\/tr>\n |
\n | <\/td>\n | SaddleBrown<\/td>\n | #8B4513<\/td>\n | 139, 69, 19<\/td>\n <\/tr>\n |
\n | <\/td>\n | Salmon<\/td>\n | #FA8072<\/td>\n | 250, 128, 114<\/td>\n <\/tr>\n |
\n | <\/td>\n | SandyBrown<\/td>\n | #F4A460<\/td>\n | 244, 164, 96<\/td>\n <\/tr>\n |
\n | <\/td>\n | SeaGreen<\/td>\n | #2E8B57<\/td>\n | 46, 139, 87<\/td>\n <\/tr>\n |
\n | <\/td>\n | SeaShell<\/td>\n | #FFF5EE<\/td>\n | 255, 245, 238<\/td>\n <\/tr>\n |
\n | <\/td>\n | Sienna<\/td>\n | #A0522D<\/td>\n | 160, 82, 45<\/td>\n <\/tr>\n |
\n | <\/td>\n | Silver<\/td>\n | #C0C0C0<\/td>\n | 192, 192, 192<\/td>\n <\/tr>\n |
\n | <\/td>\n | SkyBlue<\/td>\n | #87CEEB<\/td>\n | 135, 206, 235<\/td>\n <\/tr>\n |
\n | <\/td>\n | SlateBlue<\/td>\n | #6A5ACD<\/td>\n | 106, 90, 205<\/td>\n <\/tr>\n |
\n | <\/td>\n | SlateGray<\/td>\n | #708090<\/td>\n | 112, 128, 144<\/td>\n <\/tr>\n |
\n | <\/td>\n | Snow<\/td>\n | #FFFAFA<\/td>\n | 255, 250, 250<\/td>\n <\/tr>\n |
\n | <\/td>\n | SpringGreen<\/td>\n | #00FF7F<\/td>\n | 0, 255, 127<\/td>\n <\/tr>\n |
\n | <\/td>\n | SteelBlue<\/td>\n | #4682B4<\/td>\n | 70, 130, 180<\/td>\n <\/tr>\n |
\n | <\/td>\n | Tan<\/td>\n | #D2B48C<\/td>\n | 210, 180, 140<\/td>\n <\/tr>\n |
\n | <\/td>\n | Teal<\/td>\n | #008080<\/td>\n | 0, 128, 128<\/td>\n <\/tr>\n |
\n | <\/td>\n | Thistle<\/td>\n | #D8BFD8<\/td>\n | 216, 191, 216<\/td>\n <\/tr>\n |
\n | <\/td>\n | Tomato<\/td>\n | #FF6347<\/td>\n | 255, 99, 71<\/td>\n <\/tr>\n |
\n | <\/td>\n | Turquoise<\/td>\n | #40E0D0<\/td>\n | 64, 224, 208<\/td>\n <\/tr>\n |
\n | <\/td>\n | Violet<\/td>\n | #EE82EE<\/td>\n | 238, 130, 238<\/td>\n <\/tr>\n |
\n | <\/td>\n | Wheat<\/td>\n | #F5DEB3<\/td>\n | 245, 222, 179<\/td>\n <\/tr>\n |
\n | <\/td>\n | WhiteSmoke<\/td>\n | #F5F5F5<\/td>\n | 245, 245, 245<\/td>\n <\/tr>\n |
\n | <\/td>\n | Yellow<\/td>\n | #FFFF00<\/td>\n | 255, 255, 0<\/td>\n <\/tr>\n |
\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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | IndianRed<\/td>\n | #CD5C5C<\/td>\n | 205, 92, 92<\/td>\n <\/tr>\n | \n | <\/td>\n | LightCoral<\/td>\n | #F08080<\/td>\n | 240, 128, 128<\/td>\n <\/tr>\n | \n | <\/td>\n | Salmon<\/td>\n | #FA8072<\/td>\n | 250, 128, 114<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkSalmon<\/td>\n | #E9967A<\/td>\n | 233, 150, 122<\/td>\n <\/tr>\n | \n | <\/td>\n | LightSalmon<\/td>\n | #FFA07A<\/td>\n | 255, 160, 122<\/td>\n <\/tr>\n | \n | <\/td>\n | Crimson<\/td>\n | #DC143C<\/td>\n | 220, 20, 60<\/td>\n <\/tr>\n | \n | <\/td>\n | Red<\/td>\n | #FF0000<\/td>\n | 255, 0, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | Firebrick<\/td>\n | #B22222<\/td>\n | 178, 34, 34<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkRed<\/td>\n | #8B0000<\/td>\n | 139, 0, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | Maroon<\/td>\n | #800000<\/td>\n | 128, 0, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | Pink<\/td>\n | #FFC0CB<\/td>\n | 255, 192, 203<\/td>\n <\/tr>\n | \n | <\/td>\n | LightPink<\/td>\n | #FFB6C1<\/td>\n | 255, 182, 193<\/td>\n <\/tr>\n | \n | <\/td>\n | HotPink<\/td>\n | #FF69B4<\/td>\n | 255, 105, 180<\/td>\n <\/tr>\n | \n | <\/td>\n | DeepPink<\/td>\n | #FF1493<\/td>\n | 255, 20, 147<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumVioletRed<\/td>\n | #C71585<\/td>\n | 199, 21, 133<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | Gold<\/td>\n | #FFD700<\/td>\n | 255, 215, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | Yellow<\/td>\n | #FFFF00<\/td>\n | 255, 255, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | LightYellow<\/td>\n | #FFFFE0<\/td>\n | 255, 255, 224<\/td>\n <\/tr>\n | \n | <\/td>\n | LemonChiffon<\/td>\n | #FFFACD<\/td>\n | 255, 250, 205<\/td>\n <\/tr>\n | \n | <\/td>\n | LightGoldenrodYellow<\/td>\n | #FAFAD2<\/td>\n | 250, 250, 210<\/td>\n <\/tr>\n | \n | <\/td>\n | PapayaWhip<\/td>\n | #FFEFD5<\/td>\n | 255, 239, 213<\/td>\n <\/tr>\n | \n | <\/td>\n | Moccasin<\/td>\n | #FFE4B5<\/td>\n | 255, 228, 181<\/td>\n <\/tr>\n | \n | <\/td>\n | PeachPuff<\/td>\n | #FFDAB9<\/td>\n | 255, 218, 185<\/td>\n <\/tr>\n | \n | <\/td>\n | PaleGoldenrod<\/td>\n | #EEE8AA<\/td>\n | 238, 232, 170<\/td>\n <\/tr>\n | \n | <\/td>\n | Khaki<\/td>\n | #F0E68C<\/td>\n | 240, 230, 140<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkKhaki<\/td>\n | #BDB76B<\/td>\n | 189, 183, 107<\/td>\n <\/tr>\n | \n | <\/td>\n | Coral<\/td>\n | #FF7F50<\/td>\n | 255, 127, 80<\/td>\n <\/tr>\n | \n | <\/td>\n | Tomato<\/td>\n | #FF6347<\/td>\n | 255, 99, 71<\/td>\n <\/tr>\n | \n | <\/td>\n | OrangeRed<\/td>\n | #FF4500<\/td>\n | 255, 69, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkOrange<\/td>\n | #FF8C00<\/td>\n | 255, 140, 0<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | GreenYellow<\/td>\n | #ADFF2F<\/td>\n | 173, 255, 47<\/td>\n <\/tr>\n | \n | <\/td>\n | Chartreuse<\/td>\n | #7FFF00<\/td>\n | 127, 255, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | LawnGreen<\/td>\n | #7CFC00<\/td>\n | 124, 252, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | Lime<\/td>\n | #00FF00<\/td>\n | 0, 255, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | LimeGreen<\/td>\n | #32CD32<\/td>\n | 50, 205, 50<\/td>\n <\/tr>\n | \n | <\/td>\n | PaleGreen<\/td>\n | #98FB98<\/td>\n | 152, 251, 152<\/td>\n <\/tr>\n | \n | <\/td>\n | LightGreen<\/td>\n | #90EE90<\/td>\n | 144, 238, 144<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumSpringGreen<\/td>\n | #00FA9A<\/td>\n | 0, 250, 154<\/td>\n <\/tr>\n | \n | <\/td>\n | SpringGreen<\/td>\n | #00FF7F<\/td>\n | 0, 255, 127<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumSeaGreen<\/td>\n | #3CB371<\/td>\n | 60, 179, 113<\/td>\n <\/tr>\n | \n | <\/td>\n | SeaGreen<\/td>\n | #2E8B57<\/td>\n | 46, 139, 87<\/td>\n <\/tr>\n | \n | <\/td>\n | ForestGreen<\/td>\n | #228B22<\/td>\n | 34, 139, 34<\/td>\n <\/tr>\n | \n | <\/td>\n | Green<\/td>\n | #008000<\/td>\n | 0, 128, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkGreen<\/td>\n | #006400<\/td>\n | 0, 100, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | YellowGreen<\/td>\n | #9ACD32<\/td>\n | 154, 205, 50<\/td>\n <\/tr>\n | \n | <\/td>\n | OliveDrab<\/td>\n | #6B8E23<\/td>\n | 107, 142, 35<\/td>\n <\/tr>\n | \n | <\/td>\n | Olive<\/td>\n | #808000<\/td>\n | 128, 128, 0<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkOliveGreen<\/td>\n | #556B2F<\/td>\n | 85, 107, 47<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumAquamarine<\/td>\n | #66CDAA<\/td>\n | 102, 205, 170<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkSeaGreen<\/td>\n | #8FBC8F<\/td>\n | 143, 188, 143<\/td>\n <\/tr>\n | \n | <\/td>\n | LightSeaGreen<\/td>\n | #20B2AA<\/td>\n | 32, 178, 170<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | DarkCyan<\/td>\n | #008B8B<\/td>\n | 0, 139, 139<\/td>\n <\/tr>\n | \n | <\/td>\n | Teal<\/td>\n | #008080<\/td>\n | 0, 128, 128<\/td>\n <\/tr>\n | \n | <\/td>\n | Aqua<\/td>\n | #00FFFF<\/td>\n | 0, 255, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | LightCyan<\/td>\n | #E0FFFF<\/td>\n | 224, 255, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | PaleTurquoise<\/td>\n | #AFEEEE<\/td>\n | 175, 238, 238<\/td>\n <\/tr>\n | \n | <\/td>\n | Turquoise<\/td>\n | #40E0D0<\/td>\n | 64, 224, 208<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumTurquoise<\/td>\n | #48D1CC<\/td>\n | 72, 209, 204<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkTurquoise<\/td>\n | #00CED1<\/td>\n | 0, 206, 209<\/td>\n <\/tr>\n | \n | <\/td>\n | CadetBlue<\/td>\n | #5F9EA0<\/td>\n | 95, 158, 160<\/td>\n <\/tr>\n | \n | <\/td>\n | SteelBlue<\/td>\n | #4682B4<\/td>\n | 70, 130, 180<\/td>\n <\/tr>\n | \n | <\/td>\n | LightSteelBlue<\/td>\n | #B0C4DE<\/td>\n | 176, 196, 222<\/td>\n <\/tr>\n | \n | <\/td>\n | PowderBlue<\/td>\n | #B0E0E6<\/td>\n | 176, 224, 230<\/td>\n <\/tr>\n | \n | <\/td>\n | LightBlue<\/td>\n | #ADD8E6<\/td>\n | 173, 216, 230<\/td>\n <\/tr>\n | \n | <\/td>\n | SkyBlue<\/td>\n | #87CEEB<\/td>\n | 135, 206, 235<\/td>\n <\/tr>\n | \n | <\/td>\n | LightSkyBlue<\/td>\n | #87CEFA<\/td>\n | 135, 206, 250<\/td>\n <\/tr>\n | \n | <\/td>\n | DeepSkyBlue<\/td>\n | #00BFFF<\/td>\n | 0, 191, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | DodgerBlue<\/td>\n | #1E90FF<\/td>\n | 30, 144, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | CornflowerBlue<\/td>\n | #6495ED<\/td>\n | 100, 149, 237<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumSlateBlue<\/td>\n | #7B68EE<\/td>\n | 123, 104, 238<\/td>\n <\/tr>\n | \n | <\/td>\n | RoyalBlue<\/td>\n | #4169E1<\/td>\n | 65, 105, 225<\/td>\n <\/tr>\n | \n | <\/td>\n | Blue<\/td>\n | #0000FF<\/td>\n | 0, 0, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumBlue<\/td>\n | #0000CD<\/td>\n | 0, 0, 205<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkBlue<\/td>\n | #00008B<\/td>\n | 0, 0, 139<\/td>\n <\/tr>\n | \n | <\/td>\n | Navy<\/td>\n | #000080<\/td>\n | 0, 0, 128<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | Lavender<\/td>\n | #E6E6FA<\/td>\n | 230, 230, 250<\/td>\n <\/tr>\n | \n | <\/td>\n | Thistle<\/td>\n | #D8BFD8<\/td>\n | 216, 191, 216<\/td>\n <\/tr>\n | \n | <\/td>\n | Plum<\/td>\n | #DDA0DD<\/td>\n | 221, 160, 221<\/td>\n <\/tr>\n | \n | <\/td>\n | Violet<\/td>\n | #EE82EE<\/td>\n | 238, 130, 238<\/td>\n <\/tr>\n | \n | <\/td>\n | Orchid<\/td>\n | #DA70D6<\/td>\n | 218, 112, 214<\/td>\n <\/tr>\n | \n | <\/td>\n | Fuchsia<\/td>\n | #FF00FF<\/td>\n | 255, 0, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | Magenta<\/td>\n | #FF00FF<\/td>\n | 255, 0, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumOrchid<\/td>\n | #BA55D3<\/td>\n | 186, 85, 211<\/td>\n <\/tr>\n | \n | <\/td>\n | MediumPurple<\/td>\n | #9370DB<\/td>\n | 147, 112, 219<\/td>\n <\/tr>\n | \n | <\/td>\n | BlueViolet<\/td>\n | #8A2BE2<\/td>\n | 138, 43, 226<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkViolet<\/td>\n | #9400D3<\/td>\n | 148, 0, 211<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkOrchid<\/td>\n | #9932CC<\/td>\n | 153, 50, 204<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkMagenta<\/td>\n | #8B008B<\/td>\n | 139, 0, 139<\/td>\n <\/tr>\n | \n | <\/td>\n | Purple<\/td>\n | #800080<\/td>\n | 128, 0, 128<\/td>\n <\/tr>\n | \n | <\/td>\n | Indigo<\/td>\n | #4B0082<\/td>\n | 75, 0, 130<\/td>\n <\/tr>\n | \n | <\/td>\n | SlateBlue<\/td>\n | #6A5ACD<\/td>\n | 106, 90, 205<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | Cornsilk<\/td>\n | #FFF8DC<\/td>\n | 255, 248, 220<\/td>\n <\/tr>\n | \n | <\/td>\n | BlanchedAlmond<\/td>\n | #FFEBCD<\/td>\n | 255, 235, 205<\/td>\n <\/tr>\n | \n | <\/td>\n | Bisque<\/td>\n | #FFE4C4<\/td>\n | 255, 228, 196<\/td>\n <\/tr>\n | \n | <\/td>\n | NavajoWhite<\/td>\n | #FFDEAD<\/td>\n | 255, 222, 173<\/td>\n <\/tr>\n | \n | <\/td>\n | Wheat<\/td>\n | #F5DEB3<\/td>\n | 245, 222, 179<\/td>\n <\/tr>\n | \n | <\/td>\n | BurlyWood<\/td>\n | #DEB887<\/td>\n | 222, 184, 135<\/td>\n <\/tr>\n | \n | <\/td>\n | Tan<\/td>\n | #D2B48C<\/td>\n | 210, 180, 140<\/td>\n <\/tr>\n | \n | <\/td>\n | RosyBrown<\/td>\n | #BC8F8F<\/td>\n | 188, 143, 143<\/td>\n <\/tr>\n | \n | <\/td>\n | SandyBrown<\/td>\n | #F4A460<\/td>\n | 244, 164, 96<\/td>\n <\/tr>\n | \n | <\/td>\n | Goldenrod<\/td>\n | #DAA520<\/td>\n | 218, 165, 32<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkGoldenrod<\/td>\n | #B8860B<\/td>\n | 184, 134, 11<\/td>\n <\/tr>\n | \n | <\/td>\n | Peru<\/td>\n | #CD853F<\/td>\n | 205, 133, 63<\/td>\n <\/tr>\n | \n | <\/td>\n | Chocolate<\/td>\n | #D2691E<\/td>\n | 210, 105, 30<\/td>\n <\/tr>\n | \n | <\/td>\n | SaddleBrown<\/td>\n | #8B4513<\/td>\n | 139, 69, 19<\/td>\n <\/tr>\n | \n | <\/td>\n | Sienna<\/td>\n | #A0522D<\/td>\n | 160, 82, 45<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | White<\/td>\n | #FFFFFF<\/td>\n | 255, 255, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | Snow<\/td>\n | #FFFAFA<\/td>\n | 255, 250, 250<\/td>\n <\/tr>\n | \n | <\/td>\n | Honeydew<\/td>\n | #F0FFF0<\/td>\n | 240, 255, 240<\/td>\n <\/tr>\n | \n | <\/td>\n | MintCream<\/td>\n | #F5FFFA<\/td>\n | 245, 255, 250<\/td>\n <\/tr>\n | \n | <\/td>\n | Azure<\/td>\n | #F0FFFF<\/td>\n | 240, 255, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | AliceBlue<\/td>\n | #F0F8FF<\/td>\n | 240, 248, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | GhostWhite<\/td>\n | #F8F8FF<\/td>\n | 248, 248, 255<\/td>\n <\/tr>\n | \n | <\/td>\n | WhiteSmoke<\/td>\n | #F5F5F5<\/td>\n | 245, 245, 245<\/td>\n <\/tr>\n | \n | <\/td>\n | Seashell<\/td>\n | #FFF5EE<\/td>\n | 255, 245, 238<\/td>\n <\/tr>\n | \n | <\/td>\n | Beige<\/td>\n | #F5F5DC<\/td>\n | 245, 245, 220<\/td>\n <\/tr>\n | \n | <\/td>\n | OldLace<\/td>\n | #FDF5E6<\/td>\n | 253, 245, 230<\/td>\n <\/tr>\n | \n | <\/td>\n | FloralWhite<\/td>\n | #FFFAF0<\/td>\n | 255, 250, 240<\/td>\n <\/tr>\n | \n | <\/td>\n | Ivory<\/td>\n | #FFFFF0<\/td>\n | 255, 255, 240<\/td>\n <\/tr>\n | \n | <\/td>\n | AntiqueWhite<\/td>\n | #FAEBD7<\/td>\n | 250, 235, 215<\/td>\n <\/tr>\n | \n | <\/td>\n | Linen<\/td>\n | #FAF0E6<\/td>\n | 250, 240, 230<\/td>\n <\/tr>\n | \n | <\/td>\n | LavenderBlush<\/td>\n | #FFF0F5<\/td>\n | 255, 240, 245<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode Warna HTML<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | Gainsboro<\/td>\n | #DCDCDC<\/td>\n | 220, 220, 220<\/td>\n <\/tr>\n | \n | <\/td>\n | LightGray<\/td>\n | #D3D3D3<\/td>\n | 211, 211, 211<\/td>\n <\/tr>\n | \n | <\/td>\n | Silver<\/td>\n | #C0C0C0<\/td>\n | 192, 192, 192<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkGray<\/td>\n | #A9A9A9<\/td>\n | 169, 169, 169<\/td>\n <\/tr>\n | \n | <\/td>\n | Gray<\/td>\n | #808080<\/td>\n | 128, 128, 128<\/td>\n <\/tr>\n | \n | <\/td>\n | DimGray<\/td>\n | #696969<\/td>\n | 105, 105, 105<\/td>\n <\/tr>\n | \n | <\/td>\n | LightSlateGray<\/td>\n | #778899<\/td>\n | 119, 136, 153<\/td>\n <\/tr>\n | \n | <\/td>\n | SlateGray<\/td>\n | #708090<\/td>\n | 112, 128, 144<\/td>\n <\/tr>\n | \n | <\/td>\n | DarkSlateGray<\/td>\n | #2F4F4F<\/td>\n | 47, 79, 79<\/td>\n <\/tr>\n | \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 | Hasil<\/th>\n | Kode HEX<\/th>\n | Kode RGB<\/th>\n <\/tr>\n <\/thead>\n\n | \n \n | <\/td>\n | #A2A832<\/td>\n | 162, 168, 50<\/td>\n <\/tr>\n | \n | <\/td>\n | #3259A8<\/td>\n | 50, 89, 168<\/td>\n <\/tr>\n | \n | <\/td>\n | #7C3F55<\/td>\n | 124, 63, 85<\/td>\n <\/tr>\n | \n | <\/td>\n | #8A7342<\/td>\n | 138, 115, 66<\/td>\n <\/tr>\n | \n | <\/td>\n | #B1849F<\/td>\n | 177, 132, 159<\/td>\n <\/tr>\n | \n | <\/td>\n | #52619F<\/td>\n | 82, 97, 159<\/td>\n <\/tr>\n | \n | <\/td>\n | #9C754D<\/td>\n | 156, 117, 77<\/td>\n <\/tr>\n | \n | <\/td>\n | #5F7E68<\/td>\n | 95, 126, 104<\/td>\n <\/tr>\n | \n | <\/td>\n | #AC6F95<\/td>\n | 172, 111, 149<\/td>\n <\/tr>\n | \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> \n- Kode Warna HTML<\/strong>. Diimplementasikan dengan menggunakan nama warnanya, bukan kode. Misalnya
red<\/code>, antiquewhite<\/code>, darkorange<\/code>. Jumlah kemungkinannya lebih terbatas daripada model warna lainnya.<\/li>\n\n\n\n- Kode Warna Heksadesimal (Hex)<\/strong>. Menggunakan kombinasi 6 digit angka dan huruf untuk merepresentasikan warna. Sebagai contoh,
#FFFFFF<\/code> mewakili warna putih.<\/li>\n\n\n\n- Kode Warna RGB<\/strong>. Kepanjangannya adalah Red<\/strong>, Green<\/strong>, Blue<\/strong>. Warna ditampilkan dengan menentukan intensitas ketiga warna utama, yaitu merah, hijau, dan biru. Misalnya,
rgb(255, 255, 255)<\/code> untuk warna putih. RGB memiliki variasi, yaitu RGBA<\/strong>, yang menyertakan nilai Alpha untuk opacity. Contohnya, rgba(255, 255, 255, 1)<\/code> merepresentasikan warna putih buram.<\/li>\n\n\n\n- Kode Warna CMYK<\/strong>. Singkatan dari Cyan<\/strong>, Magenta<\/strong>, Yellow<\/strong>, Key<\/strong> (Hitam). Model ini terutama digunakan dalam pencetakan warna. Dalam implementasinya, warna dicampurkan berdasarkan persentase dari keempat warna tersebut. Contohnya, warna biru pekat bisa direpresentasikan sebagai
cmyk(100%, 80%, 0%, 20%)<\/code>.<\/li>\n\n\n\n- Kode Warna HSV<\/strong>. Merupakan singkatan dari Hue<\/strong>, Saturation<\/strong>, Value<\/strong>. Dengan model ini, properti warna dikontrol secara intuitif berdasarkan rona, saturasi, dan nilainya. Contohnya, warna kuning cerah bisa direpresentasikan menggunakan kode
hsv(60°, 100%, 100%)<\/code>.<\/li>\n\n\n\n- Kode Warna HSL<\/strong>. Singkatan dari Hue<\/strong>, Saturation<\/strong>, Lightness<\/strong>. Format ini merepresentasikan warna dengan cara yang lebih mudah dipahami oleh manusia. Contohnya,
hsl(0, 0%, 100%)<\/code> adalah warna putih. HSL juga memiliki variasi yang menentukan opacity, yaitu HSLA<\/strong>. Misalnya, hsla(0, 0%, 100%, 1)<\/code> akan menghasilkan warna putih buram.<\/li>\n<\/ul>Contoh Cara Menggunakan Kode Warna HTML<\/h2>Nah, setelah memahami warna-warna yang ada, Anda juga perlu tahu cara menerapkannya untuk menciptakan desain yang menarik secara visual dan konsisten.<\/p> Di bawah ini, kami akan membagikan beberapa contoh praktis penggunaan kode warna HTML menggunakan Hex. Apabila lebih suka menggunakan kode warna HTML atau RGB, cukup ganti kode Hex dengan nilai yang sesuai.<\/p> Misalnya, untuk menggunakan kode warna HTML atau RGB bagi warna merah<\/strong>, cukup ganti kode dalam format #FF0000<\/strong> dengan red<\/code> atau rgb(255, 0, 0)<\/code>, sesuai daftar dalam tabel.<\/p>Mengganti Warna Teks<\/h3>Di bawah ini, kami akan menunjukkan cara mengganti warna teks menggunakan kode warna Hex untuk mendapatkan hasil seperti di bawah ini:<\/p> Contoh teks ini menggunakan kode warna Hex: #FF0000<\/p> Contoh teks ini menggunakan kode warna Hex: #00FF00<\/p> Contoh teks ini menggunakan kode warna Hex: #0000FF<\/p> Untuk menerapkan kustomisasi warna di atas, Anda bisa menuliskan kode seperti ini:<\/p> <p style=\"color: #FF0000; margin-bottom: 10px;\">Contoh teks ini menggunakan kode warna Hex: #FF0000<\/p>\n<p style=\"color: #00FF00; margin-bottom: 10px;\">Contoh teks ini menggunakan kode warna Hex: #00FF00<\/p>\n<p style=\"color: #0000FF; margin-bottom: 10px;\">Contoh teks ini menggunakan kode warna Hex: #0000FF<\/p><\/pre>Memberi Warna pada Border Tabel<\/h3>Contoh berikut ini menunjukkan cara menerapkan warna pada border tabel menggunakan kode Hex, yang akan menghasilkan output seperti berikut ini:<\/p> | | | | | | | | | |