{"id":788,"date":"2021-08-02T08:00:43","date_gmt":"2021-08-02T01:00:43","guid":{"rendered":"https:\/\/www.goldenfast.net\/blog\/?p=788"},"modified":"2024-01-04T13:21:06","modified_gmt":"2024-01-04T06:21:06","slug":"kode-warna-html","status":"publish","type":"post","link":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/","title":{"rendered":"Panduan Kode Warna HTML &#038; CSS Full Color"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Jika Anda sudah lama berurusan dengan web development, pastinya Anda tahu bahwa memilih kode warna HTML & CSS yang tepat untuk website adalah hal yang penting.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pemilihan warna yang tepat untuk sebuah website dapat membangkitkan suatu emosi, mengatur tone website, dan membuat keseluruhan desain Anda lebih kohesif dan hidup.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun memilih kode warna HTML yang tepat untuk website memang tidak mudah \u4e00 ada banyak faktor yang perlu dipertimbangkan. Mulai dari jenis website sampai target audiens.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah di artikel kali ini, kami akan membahas semua yang perlu Anda ketahui tentang HTML color code. Mulai dari jenis-jenis, cara menerapkannya pada website, sampai kode lengkapnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yuk langsung saja kita mulai!<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar isi :<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a14cd0000f76\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a14cd0000f76\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#HTML_Color_Coding_101\" >HTML Color Coding 101<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#Kode_Warna_HTML_CSS_Full_Color\" >Kode Warna HTML & CSS Full Color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#Cara_Penerapan_HTML_Color_Code\" >Cara Penerapan HTML Color Code<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#1_HEX_Color_Codes\" >1. HEX Color Codes<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#GoldenFast_Network\" >GoldenFast Network<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#2_RGB_Value\" >2. RGB Value<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#GoldenFast_Network-2\" >GoldenFast Network<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#3_Melalui_Nama_Warna\" >3. Melalui Nama Warna<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#3_Contoh_Website_Color_Scheme_Terbaik\" >3 Contoh Website Color Scheme Terbaik<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#1_Simple_Mencolok\" >1. Simple & Mencolok<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#2_Elegan_dan_tenang\" >2. Elegan dan tenang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#3_Bold_Berani\" >3. Bold & Berani<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"HTML_Color_Coding_101\"><\/span><strong>HTML Color Coding 101<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Di kehidupan sehari-hari, Anda pasti sering melihat berbagai macam warna \u4e00\u00a0 kuning, merah, biru, dan lain sebagainya. Nah di dalam warna-warna ini ada juga nuansa yang berbeda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Mulai dari biru muda, biru tua, biru laut, biru langit, dan lain-lain. Warna-warna dengan nuansa unik tersebut sangat mungkin untuk bisa diartikan secara berbeda bagi setiap orang.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah untuk menghindari kesalahan penafsiran warna saat melakukan desain online, kode warna HTML memberikan solusi terbaik melalui format kode warna yang sudah dikenali komputer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nantinya, komputer akan membaca dan mengartikan kode HTML tersebut. Selanjutnya, komputer akan menampilkan warna yang sesuai dengan kode yang dimasukan ke website Anda.<\/span><\/p>\n<p><strong>Baca juga: <a href=\"https:\/\/www.goldenfast.net\/blog\/apa-itu-html\/\" target=\"_blank\" rel=\"noopener\">Apa Itu HTML? Pengertian, Fungsi, dan Cara Kerjanya<\/a><\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Sebenarnya, kode warna HTML mempunyai beberapa format yang berbeda. Namun, dua format HTML color code yang paling dikenal di antara developer adalah Hex color codes & RGB values.<\/span><\/p>\n<p>Nah berikut ini adalah daftar lengkap kode warna HTML & CSS dengan format HEX\u00a0 dan juga RGB!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Kode_Warna_HTML_CSS_Full_Color\"><\/span>Kode Warna HTML & CSS Full Color<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<table class=\"table-bordered table-padding\" style=\"height: 3854px; width: 100%;\">\n<thead>\n<tr>\n<th width=\"100px\"><\/th>\n<th>Nama Warna<\/th>\n<th>HEX<\/th>\n<th>RGB VALUES<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n<div style=\"background: #f0f8ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Alice Blue<\/td>\n<td style=\"text-align: center;\">#F0F8FF<\/td>\n<td style=\"text-align: center;\">rgb(240, 248, 254)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #faebd7; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Antique White<\/td>\n<td style=\"text-align: center;\">#FAEBD7<\/td>\n<td style=\"text-align: center;\">rgb(251, 235, 217)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00ffff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Aqua<\/td>\n<td style=\"text-align: center;\">#00FFFF<\/td>\n<td style=\"text-align: center;\">rgb(0, 255, 254)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #7fffd4; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Aquamarine<\/td>\n<td style=\"text-align: center;\">#7FFFD4<\/td>\n<td style=\"text-align: center;\">rgb(115, 255, 216)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #f0ffff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Azure<\/td>\n<td style=\"text-align: center;\">#F0FFFF<\/td>\n<td style=\"text-align: center;\">rgb(239, 255, 255)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f5f5dc; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Beige<\/td>\n<td style=\"text-align: center;\">#F5F5DC<\/td>\n<td style=\"text-align: center;\">rgb(245, 245, 223)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ffe4c4; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Bisque<\/td>\n<td style=\"text-align: center;\">#FFE4C4<\/td>\n<td style=\"text-align: center;\">rgb(255, 227, 200)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #000000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Black<\/td>\n<td style=\"text-align: center;\">#000000<\/td>\n<td style=\"text-align: center;\">rgb(0, 0, 0)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffebcd; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Blanched Almond<\/td>\n<td style=\"text-align: center;\">#FFEBCD<\/td>\n<td style=\"text-align: center;\">rgb(255, 234, 208)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #0000ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Blue<\/td>\n<td style=\"text-align: center;\">#0000FF<\/td>\n<td style=\"text-align: center;\">rgb(0, 0, 255)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #8a2be2; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Blue Violet<\/td>\n<td style=\"text-align: center;\">#8A2BE2<\/td>\n<td style=\"text-align: center;\">rgb(138, 43, 226)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #a52a2a; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Brown<\/td>\n<td style=\"text-align: center;\">#A52A2A<\/td>\n<td style=\"text-align: center;\">rgb(165, 42, 42)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #deb887; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Burly Wood<\/td>\n<td style=\"text-align: center;\">#DEB887<\/td>\n<td style=\"text-align: center;\">rgb(222, 184, 135)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #5f9ea0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Cadet Blue<\/td>\n<td style=\"text-align: center;\">#5F9EA0<\/td>\n<td style=\"text-align: center;\">rgb(95, 158, 160)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #7fff00; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Chartreuse<\/td>\n<td style=\"text-align: center;\">#7FFF00<\/td>\n<td style=\"text-align: center;\">rgb(127, 255, 1)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #d2691e; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Chocolate<\/td>\n<td style=\"text-align: center;\">#D2691E<\/td>\n<td style=\"text-align: center;\">rgb(210, 105, 30)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ff7f50; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Coral<\/td>\n<td style=\"text-align: center;\">#FF7F50<\/td>\n<td style=\"text-align: center;\">rgb(251, 127, 80)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #6495ed; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Cornflower Blue<\/td>\n<td style=\"text-align: center;\">#6495ED<\/td>\n<td style=\"text-align: center;\">rgb(100, 149, 237)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fff8dc; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Cornsilk<\/td>\n<td style=\"text-align: center;\">#FFF8DC<\/td>\n<td style=\"text-align: center;\">rgb(225, 248, 220)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #dc143c; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Crimson<\/td>\n<td style=\"text-align: center;\">#DC143C<\/td>\n<td style=\"text-align: center;\">rgb(220, 20, 60)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00ffff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Cyan<\/td>\n<td style=\"text-align: center;\">#00FFFF<\/td>\n<td style=\"text-align: center;\">rgb(62, 254, 255)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00008b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Blue<\/td>\n<td style=\"text-align: center;\">#00008B<\/td>\n<td style=\"text-align: center;\">rgb(0, 0, 139)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #008b8b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Cyan<\/td>\n<td style=\"text-align: center;\">#008B8B<\/td>\n<td style=\"text-align: center;\">rgb(29, 139, 139)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #b8860b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Golden Rod<\/td>\n<td style=\"text-align: center;\">#B8860B<\/td>\n<td style=\"text-align: center;\">rgb(184, 134, 11)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #a9a9a9; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Gray<\/td>\n<td style=\"text-align: center;\">#A9A9A9<\/td>\n<td style=\"text-align: center;\">rgb(169, 169, 169)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #006400; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Green<\/td>\n<td style=\"text-align: center;\">#006400<\/td>\n<td style=\"text-align: center;\">rgb(19, 100, 0)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #bdb76b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Khaki<\/td>\n<td style=\"text-align: center;\">#BDB76B<\/td>\n<td style=\"text-align: center;\">rgb(189, 183, 107)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #8b008b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Magenta<\/td>\n<td style=\"text-align: center;\">#8B008B<\/td>\n<td style=\"text-align: center;\">rgb(139, 0, 140)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #556b2f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Olive Green<\/td>\n<td style=\"text-align: center;\">#556B2F<\/td>\n<td style=\"text-align: center;\">rgb(85, 107, 47)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ff8c00; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Orange<\/td>\n<td style=\"text-align: center;\">#FF8C00<\/td>\n<td style=\"text-align: center;\">rgb(251, 140, 1)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #9932cc; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Orchid<\/td>\n<td style=\"text-align: center;\">#9932CC<\/td>\n<td style=\"text-align: center;\">rgb(153, 50, 204)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #8b0000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Red<\/td>\n<td style=\"text-align: center;\">#8B0000<\/td>\n<td style=\"text-align: center;\">rgb(139, 5, 0)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #e9967a; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Salmon<\/td>\n<td style=\"text-align: center;\">#E9967A<\/td>\n<td style=\"text-align: center;\">rgb(233, 150, 122)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #8fbc8f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Sea Green<\/td>\n<td style=\"text-align: center;\">#8FBC8F<\/td>\n<td style=\"text-align: center;\">rgb(143, 188, 144)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #483d8b; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Slate Blue<\/td>\n<td style=\"text-align: center;\">#483D8B<\/td>\n<td style=\"text-align: center;\">rgb(72, 61, 139)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #2f4f4f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Slate Gray<\/td>\n<td style=\"text-align: center;\">#2F4F4F<\/td>\n<td style=\"text-align: center;\">rgb(47, 79, 79)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #00CED1; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Turquoise<\/td>\n<td style=\"text-align: center;\">#00CED1<\/td>\n<td style=\"text-align: center;\">rgb(48, 206, 209)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #9400D3; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dark Violet<\/td>\n<td style=\"text-align: center;\">#9400D3<\/td>\n<td style=\"text-align: center;\">rgb(148, 0, 211)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #FF1493; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Deep Pink<\/td>\n<td style=\"text-align: center;\">#FF1493<\/td>\n<td style=\"text-align: center;\">rgb(249, 19, 147)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00bfff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Deep Sky Blue<\/td>\n<td style=\"text-align: center;\">#00BFFF<\/td>\n<td style=\"text-align: center;\">rgb(43, 191, 254)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #696969; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dim Gray<\/td>\n<td style=\"text-align: center;\">#696969<\/td>\n<td style=\"text-align: center;\">rgb(105, 105, 105)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #1e90ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Dodger Blue<\/td>\n<td style=\"text-align: center;\">#1E90FF<\/td>\n<td style=\"text-align: center;\">rgb(30, 144, 255)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #b22222; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Fire Brick<\/td>\n<td style=\"text-align: center;\">#B22222<\/td>\n<td style=\"text-align: center;\">rgb(178, 34, 33)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fffaf0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Floral White<\/td>\n<td style=\"text-align: center;\">#FFFAF0<\/td>\n<td style=\"text-align: center;\">rgb(255, 250, 240)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #228b22; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Forest Green<\/td>\n<td style=\"text-align: center;\">#228B22<\/td>\n<td style=\"text-align: center;\">rgb(34, 139, 35)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ff00ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Fuchsia<\/td>\n<td style=\"text-align: center;\">#FF00FF<\/td>\n<td style=\"text-align: center;\">rgb(249, 0, 255)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #dcdcdc; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Gainsboro<\/td>\n<td style=\"text-align: center;\">#DCDCDC<\/td>\n<td style=\"text-align: center;\">rgb(220, 220, 220)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #f8f8ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Ghost White<\/td>\n<td style=\"text-align: center;\">#F8F8FF<\/td>\n<td style=\"text-align: center;\">rgb(248, 248, 255)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffd700; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Gold<\/td>\n<td style=\"text-align: center;\">#FFD700<\/td>\n<td style=\"text-align: center;\">rgb(253, 215, 3)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #daa520; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Golden Rod<\/td>\n<td style=\"text-align: center;\">#DAA520<\/td>\n<td style=\"text-align: center;\">rgb(218, 165, 32)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #808080; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Gray<\/td>\n<td style=\"text-align: center;\">#808080<\/td>\n<td style=\"text-align: center;\">rgb(128, 128, 128)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #008000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Green<\/td>\n<td style=\"text-align: center;\">#008000<\/td>\n<td style=\"text-align: center;\">rgb(27, 128, 1)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #adff2f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Green Yellow<\/td>\n<td style=\"text-align: center;\">#ADFF2F<\/td>\n<td style=\"text-align: center;\">rgb(173, 255, 48)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f0fff0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Honey Dew<\/td>\n<td style=\"text-align: center;\">#F0FFF0<\/td>\n<td style=\"text-align: center;\">rgb(240, 255, 240)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ff69b4; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Hot Pink<\/td>\n<td style=\"text-align: center;\">#FF69B4<\/td>\n<td style=\"text-align: center;\">rgb(240, 255, 240)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #cd5c5c; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Indian Red<\/td>\n<td style=\"text-align: center;\">#CD5C5C<\/td>\n<td style=\"text-align: center;\">rgb(205, 92, 92)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #4b0082; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Indigo<\/td>\n<td style=\"text-align: center;\">#4B0082<\/td>\n<td style=\"text-align: center;\">rgb(75, 0, 130)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #fffff0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Ivory<\/td>\n<td style=\"text-align: center;\">#FFFFF0<\/td>\n<td style=\"text-align: center;\">rgb(255, 255, 239)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f0e68c; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Khaki<\/td>\n<td style=\"text-align: center;\">#F0E68C<\/td>\n<td style=\"text-align: center;\">rgb(240, 230, 140)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #e6e6fa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lavender<\/td>\n<td style=\"text-align: center;\">#E6E6FA<\/td>\n<td style=\"text-align: center;\">rgb(230, 230, 250)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #fff0f5; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lavender Blush<\/td>\n<td style=\"text-align: center;\">#FFF0F5<\/td>\n<td style=\"text-align: center;\">rgb(254, 240, 245)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #7cfc00; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lawn Green<\/td>\n<td style=\"text-align: center;\">#7CFC00<\/td>\n<td style=\"text-align: center;\">rgb(124, 252, 2)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fffacd; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lemon Chiffon<\/td>\n<td style=\"text-align: center;\">#FFFACD<\/td>\n<td style=\"text-align: center;\">rgb(255, 250, 205)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #add8e6; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Blue<\/td>\n<td style=\"text-align: center;\">#ADD8E6<\/td>\n<td style=\"text-align: center;\">rgb(173, 216, 230)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f08080; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Coral<\/td>\n<td style=\"text-align: center;\">#F08080<\/td>\n<td style=\"text-align: center;\">rgb(240, 128, 128)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #e0ffff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Cyan<\/td>\n<td style=\"text-align: center;\">#E0FFFF<\/td>\n<td style=\"text-align: center;\">rgb(224, 255, 255)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fafad2; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Golden Rod Yellow<\/td>\n<td style=\"text-align: center;\">#FAFAD2<\/td>\n<td style=\"text-align: center;\">rgb(250, 250, 210)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #d3d3d3; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Gray<\/td>\n<td style=\"text-align: center;\">#D3D3D3<\/td>\n<td style=\"text-align: center;\">rgb(211, 211, 211)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #90ee90; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Green<\/td>\n<td style=\"text-align: center;\">#90EE90<\/td>\n<td style=\"text-align: center;\">rgb(144, 238, 144)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ffb6c1; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Pink<\/td>\n<td style=\"text-align: center;\">#FFB6C1<\/td>\n<td style=\"text-align: center;\">rgb(252, 182, 193)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffa07a; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Salmon<\/td>\n<td style=\"text-align: center;\">#FFA07A<\/td>\n<td style=\"text-align: center;\">rgb(251, 160, 122)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #20b2aa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Sea Green<\/td>\n<td style=\"text-align: center;\">#20B2AA<\/td>\n<td style=\"text-align: center;\">rgb(40, 178, 170)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #87cefa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Sky Blue<\/td>\n<td style=\"text-align: center;\">#87CEFA<\/td>\n<td style=\"text-align: center;\">rgb(135, 206, 250)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #778899; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Slate Gray<\/td>\n<td style=\"text-align: center;\">#778899<\/td>\n<td style=\"text-align: center;\">rgb(119, 136, 153)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #b0c4de; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Steel Blue<\/td>\n<td style=\"text-align: center;\">#B0C4DE<\/td>\n<td style=\"text-align: center;\">rgb(176, 196, 222)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffffe0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Light Yellow<\/td>\n<td style=\"text-align: center;\">#FFFFE0<\/td>\n<td style=\"text-align: center;\">rgb(255, 255, 224)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00ff00; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lime<\/td>\n<td style=\"text-align: center;\">#00FF00<\/td>\n<td style=\"text-align: center;\">rgb(63, 255, 0)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #32cd32; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Lime Green<\/td>\n<td style=\"text-align: center;\">#32CD32<\/td>\n<td style=\"text-align: center;\">rgb(50, 205, 50)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #faf0e6; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Linen<\/td>\n<td style=\"text-align: center;\">#FAF0E6<\/td>\n<td style=\"text-align: center;\">rgb(250, 240, 230)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ff00ff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Magenta<\/td>\n<td style=\"text-align: center;\">#FF00FF<\/td>\n<td style=\"text-align: center;\">rgb(249, 0, 255)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #800000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Maroon<\/td>\n<td style=\"text-align: center;\">#800000<\/td>\n<td style=\"text-align: center;\">rgb(128, 4, 0)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #66cdaa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Aqua Marine<\/td>\n<td style=\"text-align: center;\">#66CDAA<\/td>\n<td style=\"text-align: center;\">rgb(102, 205, 170)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #0000cd; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Blue<\/td>\n<td style=\"text-align: center;\">#0000CD<\/td>\n<td style=\"text-align: center;\">rgb(0, 0, 205)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ba55d3; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Orchid<\/td>\n<td style=\"text-align: center;\">#BA55D3<\/td>\n<td style=\"text-align: center;\">rgb(186, 85, 211)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #9370db; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Purple<\/td>\n<td style=\"text-align: center;\">#9370DB<\/td>\n<td style=\"text-align: center;\">rgb(147, 112, 219)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #3cb371; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Sea Green<\/td>\n<td style=\"text-align: center;\">#3CB371<\/td>\n<td style=\"text-align: center;\">rgb(60, 179, 113)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #7b68ee; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Slate Blue<\/td>\n<td style=\"text-align: center;\">#7B68EE<\/td>\n<td style=\"text-align: center;\">rgb(123, 103, 238)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #00fa9a; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Spring Green<\/td>\n<td style=\"text-align: center;\">#00FA9A<\/td>\n<td style=\"text-align: center;\">rgb(62, 250, 153)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #48d1cc; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Turquoise<\/td>\n<td style=\"text-align: center;\">#48D1CC<\/td>\n<td style=\"text-align: center;\">rgb(72, 209, 204)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #c71585; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Medium Violet Red<\/td>\n<td style=\"text-align: center;\">#C71585<\/td>\n<td style=\"text-align: center;\">rgb(199, 21, 133)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #191970; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Midnight Blue<\/td>\n<td style=\"text-align: center;\">#191970<\/td>\n<td style=\"text-align: center;\">rgb(25, 25, 112)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f5fffa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Mint Cream<\/td>\n<td style=\"text-align: center;\">#F5FFFA<\/td>\n<td style=\"text-align: center;\">rgb(245, 255, 250)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ffe4e1; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Misty Rose<\/td>\n<td style=\"text-align: center;\">#FFE4E1<\/td>\n<td style=\"text-align: center;\">rgb(254, 228, 225)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffe4b5; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Moccasin<\/td>\n<td style=\"text-align: center;\">#FFE4B5<\/td>\n<td style=\"text-align: center;\">rgb(254, 228, 181)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffdead; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Navajo White<\/td>\n<td style=\"text-align: center;\">#FFDEAD<\/td>\n<td style=\"text-align: center;\">rgb(254, 222, 173)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #000080; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Navy<\/td>\n<td style=\"text-align: center;\">#000080<\/td>\n<td style=\"text-align: center;\">rgb(0, 0, 128)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #fdf5e6; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Old Lace<\/td>\n<td style=\"text-align: center;\">#FDF5E6<\/td>\n<td style=\"text-align: center;\">rgb(253, 245, 230)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #808000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Olive<\/td>\n<td style=\"text-align: center;\">#808000<\/td>\n<td style=\"text-align: center;\">rgb(128, 128, 1)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #6b8e23; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Olive Drab<\/td>\n<td style=\"text-align: center;\">#6B8E23<\/td>\n<td style=\"text-align: center;\">rgb(107, 142, 35)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffa500; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Orange<\/td>\n<td style=\"text-align: center;\">#FFA500<\/td>\n<td style=\"text-align: center;\"><strong>rgb(255,159,53)<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ff4500; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Orange Red<\/td>\n<td style=\"text-align: center;\">#FF4500<\/td>\n<td style=\"text-align: center;\">rgb(250, 69, 1)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #da70d6; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Orchid<\/td>\n<td style=\"text-align: center;\">#DA70D6<\/td>\n<td style=\"text-align: center;\">rgb(218, 112, 214)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #eee8aa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Pale Golden Rod<\/td>\n<td style=\"text-align: center;\">#EEE8AA<\/td>\n<td style=\"text-align: center;\">rgb(238, 232, 170)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #98fb98; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Pale Green<\/td>\n<td style=\"text-align: center;\">#98FB98<\/td>\n<td style=\"text-align: center;\">rgb(152, 251, 153)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #afeeee; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Pale Turquoise<\/td>\n<td style=\"text-align: center;\">#AFEEEE<\/td>\n<td style=\"text-align: center;\">rgb(175, 238, 239)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #db7093; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Pale Violet Red<\/td>\n<td style=\"text-align: center;\">#DB7093<\/td>\n<td style=\"text-align: center;\">rgb(219, 112, 147)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ffefd5; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Papaya Whip<\/td>\n<td style=\"text-align: center;\">#FFEFD5<\/td>\n<td style=\"text-align: center;\">rgb(254, 239, 213)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffdab9; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Peach Puff<\/td>\n<td style=\"text-align: center;\">#FFDAB9<\/td>\n<td style=\"text-align: center;\">rgb(253, 218, 185)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #cd853f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Peru<\/td>\n<td style=\"text-align: center;\">#CD853F<\/td>\n<td style=\"text-align: center;\">rgb(205, 133, 63)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffc0cb; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Pink<\/td>\n<td style=\"text-align: center;\">#FFC0CB<\/td>\n<td style=\"text-align: center;\">rgb(252, 192, 203)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #dda0dd; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Plum<\/td>\n<td style=\"text-align: center;\">#DDA0DD<\/td>\n<td style=\"text-align: center;\">rgb(221, 160, 221)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #b0e0e6; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Powder Blue<\/td>\n<td style=\"text-align: center;\">#B0E0E6<\/td>\n<td style=\"text-align: center;\">rgb(176, 224, 230)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #800080; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Purple<\/td>\n<td style=\"text-align: center;\">#800080<\/td>\n<td style=\"text-align: center;\">rgb(128, 0, 128)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #663399; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Rebecca Purple<\/td>\n<td style=\"text-align: center;\">#663399<\/td>\n<td style=\"text-align: center;\">rgb(102, 51, 153)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ff0000; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Red<\/td>\n<td style=\"text-align: center;\">#FF0000<\/td>\n<td style=\"text-align: center;\">rgb(255, 0, 0)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #bc8f8f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Rosy Brown<\/td>\n<td style=\"text-align: center;\">#BC8F8F<\/td>\n<td style=\"text-align: center;\">rgb(188, 143, 142)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #4169e1; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Royal Blue<\/td>\n<td style=\"text-align: center;\">#4169E1<\/td>\n<td style=\"text-align: center;\">rgb(65, 105, 225)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #8b4513; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Saddle Brown<\/td>\n<td style=\"text-align: center;\">#8B4513<\/td>\n<td style=\"text-align: center;\">rgb(139, 69, 19)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fa8072; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Salmon<\/td>\n<td style=\"text-align: center;\">#FA8072<\/td>\n<td style=\"text-align: center;\">rgb(250, 128, 114)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #f4a460; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Sandy Brown<\/td>\n<td style=\"text-align: center;\">#F4A460<\/td>\n<td style=\"text-align: center;\">rgb(244, 164, 95)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #2e8b57; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Sea Green<\/td>\n<td style=\"text-align: center;\">#2E8B57<\/td>\n<td style=\"text-align: center;\">rgb(46, 139, 87)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fff5ee; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Sea Shell<\/td>\n<td style=\"text-align: center;\">#FFF5EE<\/td>\n<td style=\"text-align: center;\">rgb(255, 245, 238)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #a0522d; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Sienna<\/td>\n<td style=\"text-align: center;\">#A0522D<\/td>\n<td style=\"text-align: center;\">rgb(160, 82, 45)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #c0c0c0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Silver<\/td>\n<td style=\"text-align: center;\">#C0C0C0<\/td>\n<td style=\"text-align: center;\">rgb(192, 192, 192)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #87ceeb; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Sky Blue<\/td>\n<td style=\"text-align: center;\">#87CEEB<\/td>\n<td style=\"text-align: center;\">rgb(135, 206, 235)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #6a5acd; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Slate Blue<\/td>\n<td style=\"text-align: center;\">#6A5ACD<\/td>\n<td style=\"text-align: center;\">rgb(106, 90, 205)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #708090; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Slate Gray<\/td>\n<td style=\"text-align: center;\">#708090<\/td>\n<td style=\"text-align: center;\">rgb(112, 128, 145)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #fffafa; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Snow<\/td>\n<td style=\"text-align: center;\">#FFFAFA<\/td>\n<td style=\"text-align: center;\">rgb(255, 250, 250)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #00ff7f; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Spring Green<\/td>\n<td style=\"text-align: center;\">#00FF7F<\/td>\n<td style=\"text-align: center;\">rgb(63, 255, 128)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #4682b4; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Steel Blue<\/td>\n<td style=\"text-align: center;\">#4682B4<\/td>\n<td style=\"text-align: center;\">rgb(70, 130, 180)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #d2b48c; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Tan<\/td>\n<td style=\"text-align: center;\">#D2B48C<\/td>\n<td style=\"text-align: center;\">rgb(210, 180, 140)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #008080; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Teal<\/td>\n<td style=\"text-align: center;\">#008080<\/td>\n<td style=\"text-align: center;\">rgb(26, 128, 127)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #d8bfd8; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Thistle<\/td>\n<td style=\"text-align: center;\">#D8BFD8<\/td>\n<td style=\"text-align: center;\">rgb(216, 191, 216)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ff6347; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Tomato<\/td>\n<td style=\"text-align: center;\">#FF6347<\/td>\n<td style=\"text-align: center;\">rgb(250, 99, 71)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #40e0d0; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Turquoise<\/td>\n<td style=\"text-align: center;\">#40E0D0<\/td>\n<td style=\"text-align: center;\">rgb(64, 224, 208)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ee82ee; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Violet<\/td>\n<td style=\"text-align: center;\">#EE82EE<\/td>\n<td style=\"text-align: center;\">rgb(238, 130, 238)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #f5deb3; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Wheat<\/td>\n<td style=\"text-align: center;\">#F5DEB3<\/td>\n<td style=\"text-align: center;\">rgb(245, 222, 179)<\/td>\n<\/tr>\n<tr>\n<td>\n<div style=\"background: #ffffff; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">White<\/td>\n<td style=\"text-align: center;\">#FFFFFF<\/td>\n<td style=\"text-align: center;\">rgb(255, 255, 255)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #f5f5f5; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">White Smoke<\/td>\n<td style=\"text-align: center;\">#F5F5F5<\/td>\n<td style=\"text-align: center;\">rgb(245, 245, 245)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #ffff00; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Yellow<\/td>\n<td style=\"text-align: center;\">#FFFF00<\/td>\n<td style=\"text-align: center;\">rgb(255, 255, 0)<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\">\n<div style=\"background: #9acd32; text-align: center;\">GFN<\/div>\n<\/td>\n<td style=\"text-align: center;\">Yellow Green<\/td>\n<td style=\"text-align: center;\">#9ACD32<\/td>\n<td style=\"text-align: center;\">rgb(154, 205, 49)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span class=\"ez-toc-section\" id=\"Cara_Penerapan_HTML_Color_Code\"><\/span><b>Cara Penerapan HTML Color Code<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nah setelah mengetahui daftar kode warna HTML dalam format Hex dan RGB di atas, sekarang waktunya belajar cara menerapkannya pada website Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ada beberapa metode penerapan HTML color code yang bisa Anda coba. Yuk langsung saja kita bahas beberapa metode tersebut dan contoh penerapannya!<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_HEX_Color_Codes\"><\/span><b>1. HEX Color Codes<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Salah satu metode penerapan kode warna HTML yang paling umum adalah melalui format hexadecimal color codes atau yang juga dikenal dengan HEX.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HEX color codes terdiri dari kombinasi bilang bulat dari 0 sampai 9 dan 6 angka pertama di alfabet; A, B, C, D, E, dan F. Contoh kombinasi tersebut adalah\u00a0 #FFA500 atau #FFD700.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setiap kode warna merujuk ke sebuah warna yang spesific. Misalnya, dua contoh kode HEX yang kami berikan diatas merujuk ke warna Orange dan Gold.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah untuk mendapatkan kode warna HEX yang Anda inginkan, silakan gunakan daftar warna yang sudah kami sediakan. Selanjutnya, tentukan atribut website yang ingin diberi warna.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya jika Anda ingin mengubah sub-heading keempat menjadi berwarna Orange, cukup selipkan kode warna HEX seperti berikut ini:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\">\u00a0 <h4 style=\u201dcolor: #FFA500\u2033> GoldenFast Network <\/h4><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">Nantinya kode tersebut akan terlihat seperti:<\/span><\/p>\n<h4 style=\"color: #ffa500;\"><span class=\"ez-toc-section\" id=\"GoldenFast_Network\"><\/span>GoldenFast Network<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Sangat mudah bukan Golden friends? Jika Anda ingin mengubah warna atribut website yang lainnya, ubah kode <h4> <\/h4> ke atribut pilihan Anda!<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_RGB_Value\"><\/span><b>2. RGB Value<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Metode penerapan kode warna HTML yang lainnya adalah melalui kode RGB value. Metode yang satu ini cukup mudah digunakan. Cara kerjanya pun sama seperti HEX color codes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Anda hanya perlu menemukan RGB value yang Anda inginkan di daftar atas. Lalu, masukkan kode tersebut di dalam baris kode HTML seperti berikut ini:<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\"> <h4 style=\u201dcolor: rgb(255,159,53)\u201d> GoldenFast Network<\/h4><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400;\">Selain memberi warna pada text dan website, RGB value juga sangat populer akan kemampuannya untuk mengubah opacity dari warna tersebut.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Caranya juga cukup mudah. Anda hanya perlu menambahkan atau mengurangi nilai 0.5 pada editor HTML. Semakin rendah nilainya, semakin transparan teksnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk contoh, mari kita buat teks dengan warna yang sama menjadi lebih transparan melalui contoh berikut ini:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\"><h4 style=\u201dcolor: rgb(255,159,53, 0.5)\u201d> GoldenFast Network <\/h4><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Hasil kode tersebut akan terlihat seperti:<\/p>\n<h4 style=\"color: rgb(255,159,53, 0.5);\"><span class=\"ez-toc-section\" id=\"GoldenFast_Network-2\"><\/span>GoldenFast Network<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<h3><span class=\"ez-toc-section\" id=\"3_Melalui_Nama_Warna\"><\/span><b>3. Melalui Nama Warna<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cara lain untuk menggunakan kode warna HTML untuk memberikan warna pada website adalah melalui nama warna itu sendiri.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Melalui metode ini, Anda cukup menggunakan baris kode yang sama seperti contoh dan mengganti kode HEX atau RGB ke nama warna itu sendiri.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contoh kode warna HTML melalui nama warna akan terlihat seperti ini:\u00a0<\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400;\"><h4 style=\u201dcolor: orange\u201d> GoldenFast Network <\/h4><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Baca juga: <a href=\"https:\/\/www.goldenfast.net\/blog\/perintah-dasar-linux\/\" target=\"_blank\" rel=\"noopener\">25+ Perintah Dasar Linux [Lengkap dengan Fungsi & Contohnya]<\/a><\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Contoh_Website_Color_Scheme_Terbaik\"><\/span><b>3 Contoh Website Color Scheme Terbaik<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nah berikut adalah beberapa contoh skema warna terbaik yang bisa Anda tiru untuk menerapkan warna kode HTML pada website!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Simple_Mencolok\"><\/span><b>1. Simple & Mencolok<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<figure id=\"attachment_811\" aria-describedby=\"caption-attachment-811\" style=\"width: 1011px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-811 size-full\" src=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Simple-Mencolok.png\" alt=\"Simple & Mencolok\" width=\"1011\" height=\"503\" srcset=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Simple-Mencolok.png 1011w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Simple-Mencolok-300x149.png 300w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Simple-Mencolok-768x382.png 768w\" sizes=\"(max-width: 1011px) 100vw, 1011px\" \/><figcaption id=\"caption-attachment-811\" class=\"wp-caption-text\"><a href=\"https:\/\/visme.co\/blog\/website-color-schemes\/\" target=\"_blank\" rel=\"nofollow noopener\">Source<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Salah satu kombinasi color scheme yang terbaik biasanya datang dari website yang mempunyai desain yang simple namun mencolok.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Campuran antara warna-warna yang tenang dan berani dapat membuat pengunjung website merasa lebih tertarik untuk membuka website secara lebih jauh.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Elegan_dan_tenang\"><\/span><b>2. Elegan dan tenang<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<figure id=\"attachment_813\" aria-describedby=\"caption-attachment-813\" style=\"width: 1010px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-813 size-full\" src=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Elegan-dan-tenang.png\" alt=\"Elegan dan tenang\" width=\"1010\" height=\"493\" srcset=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Elegan-dan-tenang.png 1010w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Elegan-dan-tenang-300x146.png 300w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Elegan-dan-tenang-768x375.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><figcaption id=\"caption-attachment-813\" class=\"wp-caption-text\"><a href=\"https:\/\/visme.co\/blog\/website-color-schemes\/\" target=\"_blank\" rel=\"nofollow noopener\">Source<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Jika website Anda berurusan dengan hal-hal yang elegan dan feminim, contoh color scheme berikut ini bisa menjadi pilihan yang tepat.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kombinasi dari warna-warna pastel yang elegan dan warna gelap yang terkesan misterius, Anda bisa mendapatkan sebuah website yang terlihat lebih indah.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Bold_Berani\"><\/span><b>3. Bold & Berani<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<figure id=\"attachment_812\" aria-describedby=\"caption-attachment-812\" style=\"width: 1008px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-812 size-full\" src=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/bold-dan-berani.png\" alt=\"kode warna html yang bold & berani\" width=\"1008\" height=\"497\" srcset=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/bold-dan-berani.png 1008w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/bold-dan-berani-300x148.png 300w, https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/bold-dan-berani-768x379.png 768w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" \/><figcaption id=\"caption-attachment-812\" class=\"wp-caption-text\"><a href=\"https:\/\/visme.co\/blog\/website-color-schemes\/\" target=\"_blank\" rel=\"nofollow noopener\">Source<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Jika Anda ingin membuat website yang mencolok dan terlihat berani, kombinasi warna-warna yang terang dan tegas bisa menjadi pilihan terbaik.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Kombinasi dari warna-warna yang berani memang tidak bisa sembarangan digunakan. Anda hanya bisa melakukannya jika target audiens memang menyukai warna-warna tersebut.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika Anda tidak ingin memilih color scheme terbaik untuk website secara manual, Anda juga dapat menggunakan online HTML color code generator loh Golden friends!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut adalah beberapa contoh dari generator warna website online:<\/span><\/p>\n<ul>\n<li><a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">HTML Color Codes<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.hexcolortool.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">HEX Color Tool<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.w3schools.com\/colors\/colors_picker.asp\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">W3School HTML Color Picker<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.rapidtables.com\/web\/color\/html-color-codes.html\" target=\"_blank\" rel=\"nofollow noopener\"><span style=\"font-weight: 400;\">RapidTables HTML Color Code<\/span><\/a><\/li>\n<\/ul>\n<p><strong>Baca juga: <a href=\"https:\/\/www.goldenfast.net\/blog\/php-framework-terbaik\/\">PHP Framework Terbaik yang Patut Anda Gunakan<\/a><\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Penutup\"><\/span><b>Penutup<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Kode warna HTML adalah daftar baris kode yang digunakan untuk menentukan dan mengubah skema warna sebuah website. Mulai dari teks, background, dan lain sebagainya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Meskipun HTML color coding termasuk skill HTML yang paling dasar, ada banyak hal yang bisa Anda lakukan melalui kode warna tersebut \u4e00 terutama untuk urusan desain front-end website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah pada artikel ini, kami telah membahas semua hal yang perlu Anda ketahui tentang kode warna HTML. Mulai dari pengertian, daftar lengkap, sampai cara penerapannya.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika Golden friends masih punya pertanyaan lebih lanjut tentang HTML color coding, silahkan tinggalkan pesan pada kolom bawah ya!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sekedar mengingatkan, untuk membangun sebuah website yang baik tentunya Anda membutuhkan web server yang handal.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untungnya, GoldenFast Network punya solusinya! Mulai dari 135 ribuan per bulan saja, Anda bisa mendapatkan <\/span><strong>Cloud VPS<\/strong><span style=\"font-weight: 400;\"> dengan 98% uptime, 24\/7 monitoring, dan customer service.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bukan hanya itu, semua layanan <strong><a href=\"https:\/\/www.goldenfast.net\/\" target=\"_blank\" rel=\"noopener\">Golden Fast Network<\/a><\/strong> juga dilengkapi dengan High Grade hardware kelas enterprise dan juga beberapa tier 1 network loh Golden friends!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sangat menarik bukan? Yuk langsung saja bergabung dengan GFN!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jika Anda sudah lama berurusan dengan web development, pastinya Anda tahu bahwa memilih kode warna HTML &#038; CSS yang tepat untuk website adalah hal yang penting. Pemilihan warna yang tepat untuk sebuah website dapat membangkitkan suatu emosi, mengatur tone website, dan membuat keseluruhan desain Anda lebih kohesif dan hidup. Namun memilih kode warna HTML yang [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,4],"tags":[373,372,371],"class_list":["post-788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-tutorial","tag-html-color-code","tag-html-color-coding","tag-kode-warna-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kode Warna HTML: Panduan Lengkap &amp; Cara Penerapannya<\/title>\n<meta name=\"description\" content=\"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kode Warna HTML: Panduan Lengkap &amp; Cara Penerapannya\" \/>\n<meta property=\"og:description\" content=\"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/\" \/>\n<meta property=\"og:site_name\" content=\"GFN Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-02T01:00:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-04T06:21:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"743\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amera P. Safira\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amera P. Safira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/\"},\"author\":{\"name\":\"Amera P. Safira\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/person\\\/c916afa27bf5efd317c18ac835b33dff\"},\"headline\":\"Panduan Kode Warna HTML &#038; CSS Full Color\",\"datePublished\":\"2021-08-02T01:00:43+00:00\",\"dateModified\":\"2024-01-04T06:21:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/\"},\"wordCount\":1860,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg\",\"keywords\":[\"html color code\",\"html color coding\",\"kode warna html\"],\"articleSection\":[\"Development\",\"Tutorial\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/\",\"name\":\"Kode Warna HTML: Panduan Lengkap & Cara Penerapannya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg\",\"datePublished\":\"2021-08-02T01:00:43+00:00\",\"dateModified\":\"2024-01-04T06:21:06+00:00\",\"description\":\"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg\",\"contentUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg\",\"width\":1000,\"height\":743},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/kode-warna-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Kode Warna HTML &#038; CSS Full Color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\",\"name\":\"GFN Blog\",\"description\":\"Blog | GoldenFast Network\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#organization\",\"name\":\"Goldenfast Network\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/logogoldenfast.png\",\"contentUrl\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/logogoldenfast.png\",\"width\":232,\"height\":80,\"caption\":\"Goldenfast Network\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/#\\\/schema\\\/person\\\/c916afa27bf5efd317c18ac835b33dff\",\"name\":\"Amera P. Safira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g\",\"caption\":\"Amera P. Safira\"},\"description\":\"With a newfound love of the IT world, Amera likes to turn complex topics into easy-to-read and comprehensive articles. In her spare times, Amera enjoys playing video games and reading every book she can find.\",\"url\":\"https:\\\/\\\/www.goldenfast.net\\\/blog\\\/author\\\/amera-p-safira\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kode Warna HTML: Panduan Lengkap & Cara Penerapannya","description":"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/","og_locale":"en_US","og_type":"article","og_title":"Kode Warna HTML: Panduan Lengkap & Cara Penerapannya","og_description":"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!","og_url":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/","og_site_name":"GFN Blog","article_published_time":"2021-08-02T01:00:43+00:00","article_modified_time":"2024-01-04T06:21:06+00:00","og_image":[{"width":1000,"height":743,"url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg","type":"image\/jpeg"}],"author":"Amera P. Safira","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Amera P. Safira","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#article","isPartOf":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/"},"author":{"name":"Amera P. Safira","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/person\/c916afa27bf5efd317c18ac835b33dff"},"headline":"Panduan Kode Warna HTML &#038; CSS Full Color","datePublished":"2021-08-02T01:00:43+00:00","dateModified":"2024-01-04T06:21:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/"},"wordCount":1860,"commentCount":0,"publisher":{"@id":"https:\/\/www.goldenfast.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg","keywords":["html color code","html color coding","kode warna html"],"articleSection":["Development","Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/","url":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/","name":"Kode Warna HTML: Panduan Lengkap & Cara Penerapannya","isPartOf":{"@id":"https:\/\/www.goldenfast.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#primaryimage"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg","datePublished":"2021-08-02T01:00:43+00:00","dateModified":"2024-01-04T06:21:06+00:00","description":"Artikel ini membahas kode warna HTML secara lengkap. Mulai dari jenis-jenis, cara penerapan, sampai daftar kode lengkapnya!","breadcrumb":{"@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#primaryimage","url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg","contentUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/07\/Panduan-Kode-Warna-HTML-CSS-Full-Color.jpg","width":1000,"height":743},{"@type":"BreadcrumbList","@id":"https:\/\/www.goldenfast.net\/blog\/kode-warna-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.goldenfast.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Panduan Kode Warna HTML &#038; CSS Full Color"}]},{"@type":"WebSite","@id":"https:\/\/www.goldenfast.net\/blog\/#website","url":"https:\/\/www.goldenfast.net\/blog\/","name":"GFN Blog","description":"Blog | GoldenFast Network","publisher":{"@id":"https:\/\/www.goldenfast.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.goldenfast.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.goldenfast.net\/blog\/#organization","name":"Goldenfast Network","url":"https:\/\/www.goldenfast.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/04\/logogoldenfast.png","contentUrl":"https:\/\/www.goldenfast.net\/blog\/wp-content\/uploads\/2021\/04\/logogoldenfast.png","width":232,"height":80,"caption":"Goldenfast Network"},"image":{"@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.goldenfast.net\/blog\/#\/schema\/person\/c916afa27bf5efd317c18ac835b33dff","name":"Amera P. Safira","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb34a857ff46cf1b57b799f039a6a8c64d42a84f067d80dc2c8bab4bbe54c07d?s=96&d=mm&r=g","caption":"Amera P. Safira"},"description":"With a newfound love of the IT world, Amera likes to turn complex topics into easy-to-read and comprehensive articles. In her spare times, Amera enjoys playing video games and reading every book she can find.","url":"https:\/\/www.goldenfast.net\/blog\/author\/amera-p-safira\/"}]}},"_links":{"self":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":26,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"predecessor-version":[{"id":3379,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/posts\/788\/revisions\/3379"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/media\/814"}],"wp:attachment":[{"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goldenfast.net\/blog\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}