{"id":29040,"date":"2023-05-19T19:05:48","date_gmt":"2023-05-19T22:05:48","guid":{"rendered":"https:\/\/www.remessaonline.com.br\/blog\/?p=29040"},"modified":"2025-02-06T07:11:12","modified_gmt":"2025-02-06T10:11:12","slug":"tabela-de-cores-html-veja-os-codigos-para-aplicar-cores-nas-tags-html","status":"publish","type":"post","link":"https:\/\/www.remessaonline.com.br\/blog\/tabela-de-cores-html-veja-os-codigos-para-aplicar-cores-nas-tags-html\/","title":{"rendered":"Tabela de cores HTML: veja os c\u00f3digos para aplicar cores nas tags HTML"},"content":{"rendered":"\n<p>O desenvolvimento de um site exige que diversos fatores sejam avaliados antes de ser disponibilizado para o usu\u00e1rio. Se voc\u00ea quer que as pessoas que navegam em seu site tenham uma boa experi\u00eancia, \u00e9 preciso priorizar n\u00e3o s\u00f3 o conte\u00fado, mas principalmente as cores.&nbsp;<\/p>\n\n\n\n<p>Muitos desenvolvedores usam a tabela de cores<a href=\"https:\/\/www.remessaonline.com.br\/blog\/como-aprender-a-programar-em-html\/\" target=\"_blank\" rel=\"noreferrer noopener\"> HTML<\/a> para guiar suas decis\u00f5es.<\/p>\n\n\n\n<p>Isso <strong>torna o ambiente mais agrad\u00e1vel de navegar<\/strong>, al\u00e9m de estimular algumas rea\u00e7\u00f5es dos usu\u00e1rios.&nbsp;<\/p>\n\n\n\n<p>Exatamente a escolha da colora\u00e7\u00e3o pode fazer com que o seu usu\u00e1rio passe mais ou menos tempo no site. Neste artigo, voc\u00ea entender\u00e1 melhor sobre isso e conhecer\u00e1 a tabela de cores HTML. Vamos l\u00e1? Continue a leitura!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Entenda as cores e as diferen\u00e7as entre elas<\/strong><\/h2>\n\n\n\n<p>A diferen\u00e7a entre as cores est\u00e1 relacionada com as suas varia\u00e7\u00f5es. Na constru\u00e7\u00e3o do c\u00f3digo, s\u00e3o as vers\u00f5es diferenciadas que permitem que as cores tenham maior ou menor opacidade, luminosidade, e tons diferentes. Assim, \u00e9 fundamental entender, primeiramente, a f\u00f3rmula base das cores e, depois, seus elementos de varia\u00e7\u00e3o.<\/p>\n\n\n\n<p>Toda vez que uma cor \u00e9 adicionada em um c\u00f3digo HTML, \u00e9 necess\u00e1rio escrever um formato que a representa. Essa nomenclatura est\u00e1 diretamente ligada a seus nomes. Al\u00e9m disso, \u00e9 importante definir quais s\u00e3o os n\u00edveis de cores em cada elemento.<\/p>\n\n\n\n<p>Na programa\u00e7\u00e3o em HTML, cada vez que se usa uma cor \u00e9 importante inform\u00e1-la de maneira detalhada com esses c\u00f3digos, mas essa n\u00e3o \u00e9 a \u00fanica requisi\u00e7\u00e3o. Isso porque, em muitos momentos, as cores podem ter algum efeito visual. Esses detalhes ajudam a <strong>dar maior legibilidade e visualiza\u00e7\u00e3o a elementos<\/strong> dentro do site.<\/p>\n\n\n\n<p>Agora voc\u00ea conhece melhor a ideia de c\u00f3digo de cores e suas caracter\u00edsticas. Assim, voc\u00ea entender\u00e1 as possibilidades na programa\u00e7\u00e3o em HTML. A seguir, confira as principais!<\/p>\n\n\n<!-- This site is converting visitors into subscribers and customers with OptinMonster - https:\/\/optinmonster.com :: Campaign Title: [INB] CRO_Inline_Leads_Guia_Receber_Dev_Topo -->\n<div id=\"om-iu8omihkpic3zk16lfmc-holder\"><\/div>\n<script>(function(d,u,ac){var s=d.createElement('script');s.type='text\/javascript';s.src='https:\/\/a.omappapi.com\/app\/js\/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,27905,'iu8omihkpic3zk16lfmc');<\/script>\n<!-- \/ OptinMonster -->\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cores h<strong>exadecimais<\/strong><\/h3>\n\n\n\n<p>As cores hexadecimais t\u00eam seis letras ou s\u00e3o <strong>representadas pelo s\u00edmbolo &#8220;#&#8221;<\/strong> seguido de n\u00fameros que est\u00e3o no sistema hexadecimal. Essas seis letras representam:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>a intensidade do vermelho (duas primeiras);<\/li>\n\n\n\n<li>a intensidade do verde (terceira e quarta);<\/li>\n\n\n\n<li>a intensidade do azul (duas \u00faltimas).<\/li>\n<\/ul>\n\n\n\n<p>Esses valores utilizados v\u00e3o desde 00, que representa o tom mais escuro, at\u00e9 o FF, que representa cores mais claras.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cores RGB<\/strong><\/h3>\n\n\n\n<p>RGB \u00e9 a categoria de cor que leva as iniciais de tr\u00eas nomes: Red (vermelho), Green (verde) e Blue (azul). Para formar o RGB, s\u00e3o considerados tr\u00eas valores que v\u00e3o de <strong>0 a 255<\/strong>, justamente para medir o n\u00edvel de intensidade em vermelho, verde e azul.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cores <strong>RGBA<\/strong><\/h3>\n\n\n\n<p>J\u00e1 o RGBA tem uma sens\u00edvel mudan\u00e7a em rela\u00e7\u00e3o ao RGB: o valor Alpha. Esse elemento \u00e9 usado para representar o n\u00edvel de opacidade na cor em quest\u00e3o, indo de 0.0, que significa transparente, at\u00e9 1.0, que significa opaco.<\/p>\n\n\n\n<p>A utiliza\u00e7\u00e3o desse sistema \u00e9 bastante comum em <strong>elementos com algum tipo de sobreposi\u00e7\u00e3o<\/strong> a outros. Assim, a opacidade pode ser aplicada para dar um efeito que permita visualizar todos os itens na interface, ainda que sobrepostos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cores <strong>HSL<\/strong><\/h3>\n\n\n\n<p>O sistema HSL \u00e9 um pouco diferente e est\u00e1 mais ligado a varia\u00e7\u00f5es caracter\u00edsticas em cores. O seu nome \u00e9 um acr\u00f4nimo para as seguintes palavras: Hue (tom), Saturation (satura\u00e7\u00e3o) e Lightness (luminosidade).<\/p>\n\n\n\n<p>\u00c9 importante saber que quanto \u00e0s medidas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>o tom \u00e9 medido em \u00e2ngulos expressos em graus;<\/li>\n\n\n\n<li>a satura\u00e7\u00e3o \u00e9 representada por porcentagem, indo de sombreado sens\u00edvel (0%) at\u00e9 satura\u00e7\u00e3o completa (100%);<\/li>\n\n\n\n<li>a luminosidade \u00e9 representada por porcentagem, sendo 100% uma cor totalmente branca e 0% uma cor preta.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cores <strong>HSLA<\/strong><\/h3>\n\n\n\n<p>HSLA \u00e9 a representa\u00e7\u00e3o HSL, mas com a adi\u00e7\u00e3o do Alpha (assim como na rela\u00e7\u00e3o RGB\/RGBA). Da mesma forma, o A representar\u00e1 o n\u00edvel de opacidade da cor, indo de 0.0 a 1.0.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cores cores Html \/ CSS online<\/h2>\n\n\n\n<div style=\"font-size: 13px;\">\n<table class=\"plain\" >\n<tr>\n<th>Cor<\/th>\n<th>Hexa<\/th>\n<th>Html\/CSS<\/th>\n<th>Cor<\/th>\n<th>Hexa<\/th>\n<th>Html\/CSS<\/th>\n<th>Cor<\/th>\n<th>Hexa<\/th>\n<th>Html\/CSS<\/th>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #000000;\"><\/td>\n<td>#000000<\/td>\n<td>Black<\/td>\n<td style=\"border: 4px solid white; background-color: #000080;\"><\/td>\n<td>#000080<\/td>\n<td>Navy<\/td>\n<td style=\"border: 4px solid white; background-color: #00008b;\"><\/td>\n<td>#00008B<\/td>\n<td>DarkBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #0000cd;\"><\/td>\n<td>#0000CD<\/td>\n<td>MediumBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #0000ff;\"><\/td>\n<td>#0000FF<\/td>\n<td>Blue<\/td>\n<td style=\"border: 4px solid white; background-color: #006400;\"><\/td>\n<td>#006400<\/td>\n<td>DarkGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #008000;\"><\/td>\n<td>#008000<\/td>\n<td>Green<\/td>\n<td style=\"border: 4px solid white; background-color: #008080;\"><\/td>\n<td>#008080<\/td>\n<td>Teal<\/td>\n<td style=\"border: 4px solid white; background-color: #008b8b;\"><\/td>\n<td>#008B8B<\/td>\n<td>DarkCyan<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #00bfff;\"><\/td>\n<td>#00BFFF<\/td>\n<td>DeepSkyBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #00ced1;\"><\/td>\n<td>#00CED1<\/td>\n<td>DarkTurquoise<\/td>\n<td style=\"border: 4px solid white; background-color: #00fa9a;\"><\/td>\n<td>#00FA9A<\/td>\n<td>Medium<br>SpringGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #00ff00;\"><\/td>\n<td>#00FF00<\/td>\n<td>Lime<\/td>\n<td style=\"border: 4px solid white; background-color: #00ff7f;\"><\/td>\n<td>#00FF7F<\/td>\n<td>SpringGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #00ffff;\"><\/td>\n<td>#00FFFF<\/td>\n<td>Aqua<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #00ffff;\"><\/td>\n<td>#00FFFF<\/td>\n<td>Cyan<\/td>\n<td style=\"border: 4px solid white; background-color: #191970;\"><\/td>\n<td>#191970<\/td>\n<td>MidnightBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #1e90ff;\"><\/td>\n<td>#1E90FF<\/td>\n<td>DodgerBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #20b2aa;\"><\/td>\n<td>#20B2AA<\/td>\n<td>Light<br>SeaGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #228b22;\"><\/td>\n<td>#228B22<\/td>\n<td>ForestGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #2e8b57;\"><\/td>\n<td>#2E8B57<\/td>\n<td>SeaGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #2f4f4f;\"><\/td>\n<td>#2F4F4F<\/td>\n<td>DarkSlateGray<\/td>\n<td style=\"border: 4px solid white; background-color: #2f4f4f;\"><\/td>\n<td>#2F4F4F<\/td>\n<td>DarkSlateGrey<\/td>\n<td style=\"border: 4px solid white; background-color: #32cd32;\"><\/td>\n<td>#32CD32<\/td>\n<td>LimeGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #3cb371;\"><\/td>\n<td>#3CB371<\/td>\n<td>Medium<br>SeaGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #40e0d0;\"><\/td>\n<td>#40E0D0<\/td>\n<td>Turquoise<\/td>\n<td style=\"border: 4px solid white; background-color: #4169e1;\"><\/td>\n<td>#4169E1<\/td>\n<td>RoyalBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #4682b4;\"><\/td>\n<td>#4682B4<\/td>\n<td>SteelBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #483d8b;\"><\/td>\n<td>#483D8B<\/td>\n<td>DarkSlateBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #48d1cc;\"><\/td>\n<td>#48D1CC<\/td>\n<td>Medium<br>Turquoise<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #4b0082;\"><\/td>\n<td>#4B0082<\/td>\n<td>Indigo<\/td>\n<td style=\"border: 4px solid white; background-color: #556b2f;\"><\/td>\n<td>#556B2F<\/td>\n<td>Dark<br>OliveGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #5f9ea0;\"><\/td>\n<td>#5F9EA0<\/td>\n<td>CadetBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #6495ed;\"><\/td>\n<td>#6495ED<\/td>\n<td>Cornflower<br>Blue<\/td>\n<td style=\"border: 4px solid white; background-color: #663399;\"><\/td>\n<td>#663399<\/td>\n<td>RebeccaPurple<\/td>\n<td style=\"border: 4px solid white; background-color: #66cdaa;\"><\/td>\n<td>#66CDAA<\/td>\n<td>Medium<br>AquaMarine<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #696969;\"><\/td>\n<td>#696969<\/td>\n<td>DimGray<\/td>\n<td style=\"border: 4px solid white; background-color: #696969;\"><\/td>\n<td>#696969<\/td>\n<td>DimGrey<\/td>\n<td style=\"border: 4px solid white; background-color: #6a5acd;\"><\/td>\n<td>#6A5ACD<\/td>\n<td>SlateBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #6b8e23;\"><\/td>\n<td>#6B8E23<\/td>\n<td>OliveDrab<\/td>\n<td style=\"border: 4px solid white; background-color: #708090;\"><\/td>\n<td>#708090<\/td>\n<td>SlateGray<\/td>\n<td style=\"border: 4px solid white; background-color: #708090;\"><\/td>\n<td>#708090<\/td>\n<td>SlateGrey<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #778899;\"><\/td>\n<td>#778899<\/td>\n<td>LightSlateGray<\/td>\n<td style=\"border: 4px solid white; background-color: #778899;\"><\/td>\n<td>#778899<\/td>\n<td>LightSlateGrey<\/td>\n<td style=\"border: 4px solid white; background-color: #7b68ee;\"><\/td>\n<td>#7B68EE<\/td>\n<td>Medium<br>SlateBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #7cfc00;\"><\/td>\n<td>#7CFC00<\/td>\n<td>LawnGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #7fff00;\"><\/td>\n<td>#7FFF00<\/td>\n<td>Chartreuse<\/td>\n<td style=\"border: 4px solid white; background-color: #7fffd4;\"><\/td>\n<td>#7FFFD4<\/td>\n<td>Aquamarine<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #800000;\"><\/td>\n<td>#800000<\/td>\n<td>Maroon<\/td>\n<td style=\"border: 4px solid white; background-color: #800080;\"><\/td>\n<td>#800080<\/td>\n<td>Purple<\/td>\n<td style=\"border: 4px solid white; background-color: #808000;\"><\/td>\n<td>#808000<\/td>\n<td>Olive<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #808080;\"><\/td>\n<td>#808080<\/td>\n<td>Gray<\/td>\n<td style=\"border: 4px solid white; background-color: #808080;\"><\/td>\n<td>#808080<\/td>\n<td>Grey<\/td>\n<td style=\"border: 4px solid white; background-color: #87ceeb;\"><\/td>\n<td>#87CEEB<\/td>\n<td>SkyBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #87cefa;\"><\/td>\n<td>#87CEFA<\/td>\n<td>LightSkyBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #8a2be2;\"><\/td>\n<td>#8A2BE2<\/td>\n<td>BlueViolet<\/td>\n<td style=\"border: 4px solid white; background-color: #8b0000;\"><\/td>\n<td>#8B0000<\/td>\n<td>DarkRed<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #8b008b;\"><\/td>\n<td>#8B008B<\/td>\n<td>DarkMagenta<\/td>\n<td style=\"border: 4px solid white; background-color: #8b4513;\"><\/td>\n<td>#8B4513<\/td>\n<td>SaddleBrown<\/td>\n<td style=\"border: 4px solid white; background-color: #8fbc8f;\"><\/td>\n<td>#8FBC8F<\/td>\n<td>Dark<br>SeaGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #90ee90;\"><\/td>\n<td>#90EE90<\/td>\n<td>LightGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #9370db;\"><\/td>\n<td>#9370DB<\/td>\n<td>MediumPurple<\/td>\n<td style=\"border: 4px solid white; background-color: #9400d3;\"><\/td>\n<td>#9400D3<\/td>\n<td>DarkViolet<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #98fb98;\"><\/td>\n<td>#98FB98<\/td>\n<td>PaleGreen<\/td>\n<td style=\"border: 4px solid white; background-color: #9932cc;\"><\/td>\n<td>#9932CC<\/td>\n<td>DarkOrchid<\/td>\n<td style=\"border: 4px solid white; background-color: #9acd32;\"><\/td>\n<td>#9ACD32<\/td>\n<td>YellowGreen<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #a0522d;\"><\/td>\n<td>#A0522D<\/td>\n<td>Sienna<\/td>\n<td style=\"border: 4px solid white; background-color: #a52a2a;\"><\/td>\n<td>#A52A2A<\/td>\n<td>Brown<\/td>\n<td style=\"border: 4px solid white; background-color: #a9a9a9;\"><\/td>\n<td>#A9A9A9<\/td>\n<td>DarkGray<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #a9a9a9;\"><\/td>\n<td>#A9A9A9<\/td>\n<td>DarkGrey<\/td>\n<td style=\"border: 4px solid white; background-color: #add8e6;\"><\/td>\n<td>#ADD8E6<\/td>\n<td>LightBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #adff2f;\"><\/td>\n<td>#ADFF2F<\/td>\n<td>GreenYellow<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #afeeee;\"><\/td>\n<td>#AFEEEE<\/td>\n<td>PaleTurquoise<\/td>\n<td style=\"border: 4px solid white; background-color: #b0c4de;\"><\/td>\n<td>#B0C4DE<\/td>\n<td>LightSteelBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #b0e0e6;\"><\/td>\n<td>#B0E0E6<\/td>\n<td>PowderBlue<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #b22222;\"><\/td>\n<td>#B22222<\/td>\n<td>FireBrick<\/td>\n<td style=\"border: 4px solid white; background-color: #b8860b;\"><\/td>\n<td>#B8860B<\/td>\n<td>Dark<br>GoldenRod<\/td>\n<td style=\"border: 4px solid white; background-color: #ba55d3;\"><\/td>\n<td>#BA55D3<\/td>\n<td>MediumOrchid<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #bc8f8f;\"><\/td>\n<td>#BC8F8F<\/td>\n<td>RosyBrown<\/td>\n<td style=\"border: 4px solid white; background-color: #bdb76b;\"><\/td>\n<td>#BDB76B<\/td>\n<td>DarkKhaki<\/td>\n<td style=\"border: 4px solid white; background-color: #c0c0c0;\"><\/td>\n<td>#C0C0C0<\/td>\n<td>Silver<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #c71585;\"><\/td>\n<td>#C71585<\/td>\n<td>Medium<br>VioletRed<\/td>\n<td style=\"border: 4px solid white; background-color: #cd5c5c;\"><\/td>\n<td>#CD5C5C<\/td>\n<td>IndianRed<\/td>\n<td style=\"border: 4px solid white; background-color: #cd853f;\"><\/td>\n<td>#CD853F<\/td>\n<td>Peru<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #d2691e;\"><\/td>\n<td>#D2691E<\/td>\n<td>Chocolate<\/td>\n<td style=\"border: 4px solid white; background-color: #d2b48c;\"><\/td>\n<td>#D2B48C<\/td>\n<td>Tan<\/td>\n<td style=\"border: 4px solid white; background-color: #d3d3d3;\"><\/td>\n<td>#D3D3D3<\/td>\n<td>LightGray<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #d3d3d3;\"><\/td>\n<td>#D3D3D3<\/td>\n<td>LightGrey<\/td>\n<td style=\"border: 4px solid white; background-color: #d8bfd8;\"><\/td>\n<td>#D8BFD8<\/td>\n<td>Thistle<\/td>\n<td style=\"border: 4px solid white; background-color: #da70d6;\"><\/td>\n<td>#DA70D6<\/td>\n<td>Orchid<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #daa520;\"><\/td>\n<td>#DAA520<\/td>\n<td>GoldenRod<\/td>\n<td style=\"border: 4px solid white; background-color: #db7093;\"><\/td>\n<td>#DB7093<\/td>\n<td>Pale<br>VioletRed<\/td>\n<td style=\"border: 4px solid white; background-color: #dc143c;\"><\/td>\n<td>#DC143C<\/td>\n<td>Crimson<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #dcdcdc;\"><\/td>\n<td>#DCDCDC<\/td>\n<td>Gainsboro<\/td>\n<td style=\"border: 4px solid white; background-color: #dda0dd;\"><\/td>\n<td>#DDA0DD<\/td>\n<td>Plum<\/td>\n<td style=\"border: 4px solid white; background-color: #deb887;\"><\/td>\n<td>#DEB887<\/td>\n<td>BurlyWood<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #e0ffff;\"><\/td>\n<td>#E0FFFF<\/td>\n<td>LightCyan<\/td>\n<td style=\"border: 4px solid white; background-color: #e6e6fa;\"><\/td>\n<td>#E6E6FA<\/td>\n<td>Lavender<\/td>\n<td style=\"border: 4px solid white; background-color: #e9967a;\"><\/td>\n<td>#E9967A<\/td>\n<td>DarkSalmon<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ee82ee;\"><\/td>\n<td>#EE82EE<\/td>\n<td>Violet<\/td>\n<td style=\"border: 4px solid white; background-color: #eee8aa;\"><\/td>\n<td>#EEE8AA<\/td>\n<td>Pale<br>GoldenRod<\/td>\n<td style=\"border: 4px solid white; background-color: #f08080;\"><\/td>\n<td>#F08080<\/td>\n<td>LightCoral<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #f0e68c;\"><\/td>\n<td>#F0E68C<\/td>\n<td>Khaki<\/td>\n<td style=\"border: 4px solid white; background-color: #f0f8ff;\"><\/td>\n<td>#F0F8FF<\/td>\n<td>AliceBlue<\/td>\n<td style=\"border: 4px solid white; background-color: #f0fff0;\"><\/td>\n<td>#F0FFF0<\/td>\n<td>HoneyDew<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #f0ffff;\"><\/td>\n<td>#F0FFFF<\/td>\n<td>Azure<\/td>\n<td style=\"border: 4px solid white; background-color: #f4a460;\"><\/td>\n<td>#F4A460<\/td>\n<td>SandyBrown<\/td>\n<td style=\"border: 4px solid white; background-color: #f5deb3;\"><\/td>\n<td>#F5DEB3<\/td>\n<td>Wheat<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #f5f5dc;\"><\/td>\n<td>#F5F5DC<\/td>\n<td>Beige<\/td>\n<td style=\"border: 4px solid white; background-color: #f5f5f5;\"><\/td>\n<td>#F5F5F5<\/td>\n<td>WhiteSmoke<\/td>\n<td style=\"border: 4px solid white; background-color: #f5fffa;\"><\/td>\n<td>#F5FFFA<\/td>\n<td>MintCream<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #f8f8ff;\"><\/td>\n<td>#F8F8FF<\/td>\n<td>GhostWhite<\/td>\n<td style=\"border: 4px solid white; background-color: #fa8072;\"><\/td>\n<td>#FA8072<\/td>\n<td>Salmon<\/td>\n<td style=\"border: 4px solid white; background-color: #faebd7;\"><\/td>\n<td>#FAEBD7<\/td>\n<td>AntiqueWhite<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #faf0e6;\"><\/td>\n<td>#FAF0E6<\/td>\n<td>Linen<\/td>\n<td style=\"border: 4px solid white; background-color: #fafad2;\"><\/td>\n<td>#FAFAD2<\/td>\n<td>LightGolden<br>RodYellow<\/td>\n<td style=\"border: 4px solid white; background-color: #fdf5e6;\"><\/td>\n<td>#FDF5E6<\/td>\n<td>OldLace<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ff0000;\"><\/td>\n<td>#FF0000<\/td>\n<td>Red<\/td>\n<td style=\"border: 4px solid white; background-color: #ff00ff;\"><\/td>\n<td>#FF00FF<\/td>\n<td>Fuchsia<\/td>\n<td style=\"border: 4px solid white; background-color: #ff00ff;\"><\/td>\n<td>#FF00FF<\/td>\n<td>Magenta<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ff1493;\"><\/td>\n<td>#FF1493<\/td>\n<td>DeepPink<\/td>\n<td style=\"border: 4px solid white; background-color: #ff4500;\"><\/td>\n<td>#FF4500<\/td>\n<td>OrangeRed<\/td>\n<td style=\"border: 4px solid white; background-color: #ff6347;\"><\/td>\n<td>#FF6347<\/td>\n<td>Tomato<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ff69b4;\"><\/td>\n<td>#FF69B4<\/td>\n<td>HotPink<\/td>\n<td style=\"border: 4px solid white; background-color: #ff7f50;\"><\/td>\n<td>#FF7F50<\/td>\n<td>Coral<\/td>\n<td style=\"border: 4px solid white; background-color: #ff8c00;\"><\/td>\n<td>#FF8C00<\/td>\n<td>DarkOrange<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ffa07a;\"><\/td>\n<td>#FFA07A<\/td>\n<td>LightSalmon<\/td>\n<td style=\"border: 4px solid white; background-color: #ffa500;\"><\/td>\n<td>#FFA500<\/td>\n<td>Orange<\/td>\n<td style=\"border: 4px solid white; background-color: #ffb6c1;\"><\/td>\n<td>#FFB6C1<\/td>\n<td>LightPink<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 5px solid white; background-color: #ffc0cb;\"><\/td>\n<td>#FFC0CB<\/td>\n<td>Pink<\/td>\n<td style=\"border: 5px solid white; background-color: #ffd700;\"><\/td>\n<td>#FFD700<\/td>\n<td>Gold<\/td>\n<td style=\"border: 5px solid white; background-color: #ffdab9;\"><\/td>\n<td>#FFDAB9<\/td>\n<td>PeachPuff<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ffdead;\"><\/td>\n<td>#FFDEAD<\/td>\n<td>NavajoWhite<\/td>\n<td style=\"border: 4px solid white; background-color: #ffe4b5;\"><\/td>\n<td>#FFE4B5<\/td>\n<td>Moccasin<\/td>\n<td style=\"border: 4px solid white; background-color: #ffe4c4;\"><\/td>\n<td>#FFE4C4<\/td>\n<td>Bisque<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ffe4e1;\"><\/td>\n<td>#FFE4E1<\/td>\n<td>MistyRose<\/td>\n<td style=\"border: 4px solid white; background-color: #ffebcd;\"><\/td>\n<td>#FFEBCD<\/td>\n<td>Blanched<br>Almond<\/td>\n<td style=\"border: 4px solid white; background-color: #ffefd5;\"><\/td>\n<td>#FFEFD5<\/td>\n<td>PapayaWhip<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #fff0f5;\"><\/td>\n<td>#FFF0F5<\/td>\n<td>LavenderBlush<\/td>\n<td style=\"border: 4px solid white; background-color: #fff5ee;\"><\/td>\n<td>#FFF5EE<\/td>\n<td>SeaShell<\/td>\n<td style=\"border: 4px solid white; background-color: #fff8dc;\"><\/td>\n<td>#FFF8DC<\/td>\n<td>Cornsilk<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #fffacd;\"><\/td>\n<td>#FFFACD<\/td>\n<td>LemonChiffon<\/td>\n<td style=\"border: 4px solid white; background-color: #fffaf0;\"><\/td>\n<td>#FFFAF0<\/td>\n<td>FloralWhite<\/td>\n<td style=\"border: 4px solid white; background-color: #fffafa;\"><\/td>\n<td>#FFFAFA<\/td>\n<td>Snow<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 4px solid white; background-color: #ffff00;\"><\/td>\n<td>#FFFF00<\/td>\n<td>Yellow<\/td>\n<td style=\"border: 4px solid white; background-color: #ffffe0;\"><\/td>\n<td>#FFFFE0<\/td>\n<td>LightYellow<\/td>\n<td style=\"border: 4px solid white; background-color: #fffff0;\"><\/td>\n<td>#FFFFF0<\/td>\n<td>Ivory<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffffff;\"><\/td>\n<td>#FFFFFF<\/td>\n<td>White<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/table>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Cores RGB \/ Cores Hexadecimal online<\/h2>\n\n\n\n<table class=\"tableline\">\n<tr><td class=\"tableline_head\"><\/td><td class=\"tableline_head\">Nome da cor<\/td><td class=\"tableline_head\">c\u00f3digo de cores hexadecimal<\/td><td class=\"tableline_head\">RGB<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#000000;width:32px;\"><\/td><td class=\"tableline_head\">black<\/td><td class=\"tableline_cell\">#000000<\/td><td class=\"tableline_cell\">0,0,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#C0C0C0;\"><\/td><td class=\"tableline_head\">silver<\/td><td class=\"tableline_cell\">#C0C0C0<\/td><td class=\"tableline_cell\">192,192,192<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#808080;\"><\/td><td class=\"tableline_head\">gray<\/td><td class=\"tableline_cell\">#808080<\/td><td class=\"tableline_cell\">128,128,128<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#FFFFFF;\"><\/td><td class=\"tableline_head\">white<\/td><td class=\"tableline_cell\">#FFFFFF<\/td><td class=\"tableline_cell\">255,255,255<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#800000;\"><\/td><td class=\"tableline_head\">maroon<\/td><td class=\"tableline_cell\">#800000<\/td><td class=\"tableline_cell\">128,0,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#FF0000;\"><\/td><td class=\"tableline_head\">red<\/td><td class=\"tableline_cell\">#FF0000<\/td><td class=\"tableline_cell\">255,0,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#800080;\"><\/td><td class=\"tableline_head\">purple<\/td><td class=\"tableline_cell\">#800080<\/td><td class=\"tableline_cell\">128,0,128<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#FF00FF;\"><\/td><td class=\"tableline_head\">fuchsia<\/td><td class=\"tableline_cell\">#FF00FF<\/td><td class=\"tableline_cell\">255,0,255<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#008000;\"><\/td><td class=\"tableline_head\">green<\/td><td class=\"tableline_cell\">#008000<\/td><td class=\"tableline_cell\">0,128,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#00FF00;\"><\/td><td class=\"tableline_head\">lime<\/td><td class=\"tableline_cell\">#00FF00<\/td><td class=\"tableline_cell\">0,255,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#808000;\"><\/td><td class=\"tableline_head\">olive<\/td><td class=\"tableline_cell\">#808000<\/td><td class=\"tableline_cell\">128,128,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#FFFF00;\"><\/td><td class=\"tableline_head\">yellow<\/td><td class=\"tableline_cell\">#FFFF00<\/td><td class=\"tableline_cell\">255,255,0<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#000080;\"><\/td><td class=\"tableline_head\">navy<\/td><td class=\"tableline_cell\">#000080<\/td><td class=\"tableline_cell\">0,0,128<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#0000FF;\"><\/td><td class=\"tableline_head\">blue<\/td><td class=\"tableline_cell\">#0000FF<\/td><td class=\"tableline_cell\">0,0,255<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#008080;\"><\/td><td class=\"tableline_head\">teal<\/td><td class=\"tableline_cell\">#008080<\/td><td class=\"tableline_cell\">0,128,128<\/td><\/tr>\n<tr><td class=\"tableline_head\" style=\"background-color:#00FFFF;\"><\/td><td class=\"tableline_head\">aqua<\/td><td class=\"tableline_cell\">#00FFFF<\/td><td class=\"tableline_cell\">0,255,255<\/td><\/tr>\n\t\t\t<\/table>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que pode colocar cor em um site?<\/strong><\/h2>\n\n\n\n<p>Todos os elementos do HTML podem ter cor, mas \u00e9 preciso utilizar algumas propriedades de CSS para que as cores sejam aplicadas.&nbsp;<\/p>\n\n\n\n<p>A propriedade color, por exemplo, define a cor aplicada no primeiro plano de fundo do elemento HTML. J\u00e1 a propriedade background-color vai definir a cor do plano de fundo do elemento. Ambas <strong>podem ser usadas em quase todos os elementos <\/strong>HTML. Saiba mais sobre as aplica\u00e7\u00f5es abaixo!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colocando cores no <strong>Texto<\/strong><\/h3>\n\n\n\n<p>Na renderiza\u00e7\u00e3o de um elemento, as propriedades abaixo s\u00e3o usadas na defini\u00e7\u00e3o da cor do texto, do plano de fundo e outras possibilidades para decorar tudo que envolve o texto, como:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Color&nbsp;<\/strong><\/h4>\n\n\n\n<p>Define a cor usada para decorar o texto, adicionando sublinhados, tachados etc.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Background-color<\/strong><\/h4>\n\n\n\n<p>Define a cor do plano de fundo do texto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Text-shadow<\/strong><\/h4>\n\n\n\n<p>Define o efeito de sombra que ser\u00e1 aplicado ao texto. A cor base da sombra \u00e9 uma das op\u00e7\u00f5es, que \u00e9 desfocada e mesclada no plano de fundo, seguindo a base dos outros par\u00e2metros.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Text-decoration-color (en-US)<\/strong><\/h4>\n\n\n\n<p>O padr\u00e3o nas decora\u00e7\u00f5es de textos \u00e9 usar a propriedade color para definir as cores. Por\u00e9m, existe a possibilidade de sobrepor esse comportamento, usando uma cor diferente com a propriedade text-decoration-color.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Text-emphasis-color(enUS)<\/strong><\/h4>\n\n\n\n<p>\u00c9 usada no desenho de s\u00edmbolos de \u00eanfase adjacentes em cada caractere do texto. Geralmente, tem como utilidade, desenhar texto em idiomas do Leste Asi\u00e1tico.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Caret-color (en-US)<\/strong><\/h4>\n\n\n\n<p>Tamb\u00e9m conhecido como cursos de entrada, o caret-color \u00e9 usado para desenhar elementos edit\u00e1veis, como &lt;input&gt; e &lt;textarea&gt; ou elementos em que o atributo HTML contenteditable est\u00e1 definido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Colocando cores nas caixas<\/strong><\/h3>\n\n\n\n<p>Todos os elementos s\u00e3o caixas com conte\u00fado dentro, formadas por um plano de fundo e uma borda. Assim, elas s\u00e3o compostas por:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Background-color<\/strong><\/h4>\n\n\n\n<p>\u00c9<strong> <\/strong>a cor do plano de fundo, usado nas \u00e1reas do elemento que n\u00e3o t\u00eam conte\u00fado no primeiro plano<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Column-rule-color (en-US)<\/strong><\/h4>\n\n\n\n<p>Utilizada para desenhar a linha que separa as colunas de texto;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Outline-color(en-US)<\/strong><\/h4>\n\n\n\n<p>Faz o contorno fora do elemento, mas \u00e9 diferente da borda, pois n\u00e3o h\u00e1 espa\u00e7o reservado para ele no documento. Por isso, pode sobrepor outros conte\u00fados. Em geral, essa marca\u00e7\u00e3o \u00e9 usada como um indicador de foco, mostrando que o elemento vai receber entrada de informa\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colocando cores nas<strong> bordas<\/strong><\/h3>\n\n\n\n<p>Todos os elementos podem ter bordas em seu entorno. As bordas b\u00e1sicas de elemento s\u00e3o linhas desenhadas ao redor dos conte\u00fados.&nbsp;<\/p>\n\n\n\n<p>A propriedade border (en-US) pode ser usada para configurar toda a borda de uma s\u00f3 vez, inclusive outras caracter\u00edsticas que n\u00e3o s\u00e3o da cor, como largura, estilo etc. Outras fun\u00e7\u00f5es importantes s\u00e3o:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Border-color (en-US)<\/strong><\/h4>\n\n\n\n<p>Define uma s\u00f3 cor para toda a borda do elemento;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Border-left-color, border-right-color (EUA), border-top-color (EUA) e border-bottom-color (EUA)<\/strong><\/h4>\n\n\n\n<p>S\u00e3o usadas para definir a cor do lado correspondente da borda do elemento;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Border-block-start-color (EUA) e border-block-end-color (EUA)<\/strong><\/h4>\n\n\n\n<p>Usadas para definir a cor que desenhar\u00e1 as bordas mais pr\u00f3ximas do come\u00e7o e do fim do bloco que ela est\u00e1 em torno;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Border-inline-start-color (EUA) e border-inline-end-color (EUA):&nbsp;<\/strong><\/h4>\n\n\n\n<p>S\u00e3o usadas para definir a cor das beiradas da borda mais pr\u00f3xima do fim e do come\u00e7o das linhas de texto de dentro da caixa. As propriedades writing-mode, direction (en-US) e text-orientation (en-US) podem ser usadas para ajustar a dire\u00e7\u00e3o do texto de acordo com o idioma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como escolher as cores certas para o seu projeto<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"682\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-1024x682.jpg\" alt=\"Profissionais consultando tabela de cores HTML.\" class=\"wp-image-29233\" srcset=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-1024x682.jpg 1024w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-300x200.jpg 300w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-768x511.jpg 768w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-1170x779.jpg 1170w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-585x390.jpg 585w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto-263x175.jpg 263w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Como-escolher-as-cores-certas-para-o-seu-projeto.jpg 1200w\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Defina uma cor de base<\/strong><\/h3>\n\n\n\n<p>A cor de base \u00e9 aquela que vai definir o website ou o assunto em torno dele. Por exemplo, o azul est\u00e1 sempre relacionado com a cor do c\u00e9u ou do oceano, por isso costuma ser utilizado em produtos e solu\u00e7\u00f5es mar\u00edtimas.&nbsp;<\/p>\n\n\n\n<p>Para encontrar uma cor associada a sua estrat\u00e9gia, considere alguns pontos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>procure uma cor que j\u00e1 est\u00e1 associada ao t\u00f3pico do seu conte\u00fado naturalmente, como vermelho para produtos rom\u00e2nticos, por exemplo;<\/li>\n\n\n\n<li>se o site \u00e9 sobre um produto espec\u00edfico, use cores que j\u00e1 est\u00e3o presentes no pr\u00f3prio produto;<\/li>\n\n\n\n<li>busque refer\u00eancias em outros sites relacionados ou dos concorrentes para se inspirar.<\/li>\n<\/ul>\n\n\n\n<p>Alguns navegadores contam com extens\u00f5es que permitem selecionar cores do conte\u00fado e isso pode te ajudar a testar at\u00e9 encontrar a cor ideal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Crie uma paleta de cores<\/h3>\n\n\n\n<p>Algumas solu\u00e7\u00f5es online tamb\u00e9m podem lhe ajudar a construir uma paleta de cores. Depois de definir a cor base, a paleta ser\u00e1 essencial para que voc\u00ea <strong>consiga estruturar o restante do site<\/strong>, pensando em cores que conversam entre si. Depois de defini-las, trabalhe sempre com um n\u00famero menor de tonalidades para n\u00e3o poluir o layout do site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"653\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-1024x653.jpg\" alt=\"Profissional desenhando paleta de cores de um site.\" class=\"wp-image-29234\" srcset=\"https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-1024x653.jpg 1024w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-300x191.jpg 300w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-768x490.jpg 768w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-1170x746.jpg 1170w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML-585x373.jpg 585w, https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Paleta-de-cores-HTML.jpg 1200w\" \/><\/figure>\n\n\n\n<p>Agora que voc\u00ea j\u00e1 sabe como usar as propriedades de cores e como escolher as cores certas para o site que est\u00e1 construindo, j\u00e1 pode come\u00e7ar a aplicar as cores nas tags HTML.&nbsp;<\/p>\n\n\n\n<p>Para tornar esse trabalho mais f\u00e1cil, criamos uma tabela de cores HTML, com os nomes, os c\u00f3digos e as cores. Assim, voc\u00ea pode us\u00e1-la como base. Veja abaixo!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tabela de cores HTML: confira os nomes, os c\u00f3digos e as cores<\/h2>\n\n\n\n<div style=\"font-size: 12px;\">\n<table class=\"table table-bordered aligncenter\">\n<thead>\n<tr>\n<th style=\"text-align: left;\">Nome da Cor<\/th>\n<th>C\u00f3digo hexadecimal<\/th>\n<th>C\u00f3digo RGB<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"background-color: #000000;\"><span style=\"color: #ffffff;\">Black<\/span><\/td>\n<td style=\"background-color: #000000;\"><span style=\"color: #ffffff;\">#000000<\/span><\/td>\n<td style=\"background-color: #000000;\"><span style=\"color: #ffffff;\">(0,0,0)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #1c1c1c; text-align: left;\"><span style=\"color: #ffffff;\">grey11<\/span><\/td>\n<td style=\"background-color: #1c1c1c;\"><span style=\"color: #ffffff;\">#1C1C1C<\/span><\/td>\n<td style=\"background-color: #1c1c1c;\"><span style=\"color: #ffffff;\">(28,28,28)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #363636;\"><span style=\"color: #ffffff;\">grey21<\/span><\/td>\n<td style=\"background-color: #363636;\"><span style=\"color: #ffffff;\">#363636<\/span><\/td>\n<td style=\"background-color: #363636;\"><span style=\"color: #ffffff;\">(54,54,54)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #4f4f4f;\"><span style=\"color: #ffffff;\">grey31<\/span><\/td>\n<td style=\"background-color: #4f4f4f;\"><span style=\"color: #ffffff;\">#4F4F4F<\/span><\/td>\n<td style=\"background-color: #4f4f4f;\"><span style=\"color: #ffffff;\">(79,79,79)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #696969;\">DimGray<\/td>\n<td style=\"background-color: #696969;\">#696969<\/td>\n<td style=\"background-color: #696969;\">(105,105,105)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #808080;\">Gray<\/td>\n<td style=\"background-color: #808080;\">#808080<\/td>\n<td style=\"background-color: #808080;\">(128,128,128)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #a9a9a9;\">DarkGray<\/td>\n<td style=\"background-color: #a9a9a9;\">#A9A9A9<\/td>\n<td style=\"background-color: #a9a9a9;\">(169,169,169)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #c0c0c0;\">Silver<\/td>\n<td style=\"background-color: #c0c0c0;\">#C0C0C0<\/td>\n<td style=\"background-color: #c0c0c0;\">(192,192,192)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #d3d3d3;\">LightGrey<\/td>\n<td style=\"background-color: #d3d3d3;\">#D3D3D3<\/td>\n<td style=\"background-color: #d3d3d3;\">(211,211,211)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #dcdcdc;\">Gainsboro<\/td>\n<td style=\"background-color: #dcdcdc;\">#DCDCDC<\/td>\n<td style=\"background-color: #dcdcdc;\">(220,220,220)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #6a5acd;\"><span style=\"color: #ffffff;\">SlateBlue<\/span><\/td>\n<td style=\"background-color: #6a5acd;\"><span style=\"color: #ffffff;\">#6A5ACD<\/span><\/td>\n<td style=\"background-color: #6a5acd;\"><span style=\"color: #ffffff;\">(106,90,205)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #836fff;\"><span style=\"color: #ffffff;\">SlateBlue1<\/span><\/td>\n<td style=\"background-color: #836fff;\"><span style=\"color: #ffffff;\">#836FFF<\/span><\/td>\n<td style=\"background-color: #836fff;\"><span style=\"color: #ffffff;\">(131,111,255)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #6959cd;\"><span style=\"color: #ffffff;\">SlateBlue3<\/span><\/td>\n<td style=\"background-color: #6959cd;\"><span style=\"color: #ffffff;\">#6959CD<\/span><\/td>\n<td style=\"background-color: #6959cd;\"><span style=\"color: #ffffff;\">(105,89,205)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #483d8b;\"><span style=\"color: #ffffff;\">DarkSlateBlue<\/span><\/td>\n<td style=\"background-color: #483d8b;\"><span style=\"color: #ffffff;\">#483D8B<\/span><\/td>\n<td style=\"background-color: #483d8b;\"><span style=\"color: #ffffff;\">(72,61,139)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #191970;\"><span style=\"color: #ffffff;\">MidnightBlue<\/span><\/td>\n<td style=\"background-color: #191970;\"><span style=\"color: #ffffff;\">#191970<\/span><\/td>\n<td style=\"background-color: #191970;\"><span style=\"color: #ffffff;\">(25,25,112)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #000080;\"><span style=\"color: #ffffff;\">Navy<\/span><\/td>\n<td style=\"background-color: #000080;\"><span style=\"color: #ffffff;\">#000080<\/span><\/td>\n<td style=\"background-color: #000080;\"><span style=\"color: #ffffff;\">(0,0,128)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00008b;\"><span style=\"color: #ffffff;\">DarkBlue<\/span><\/td>\n<td style=\"background-color: #00008b;\"><span style=\"color: #ffffff;\">#00008B<\/span><\/td>\n<td style=\"background-color: #00008b;\"><span style=\"color: #ffffff;\">(0,0,139)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #0000cd;\"><span style=\"color: #ffffff;\">MediumBlue<\/span><\/td>\n<td style=\"background-color: #0000cd;\"><span style=\"color: #ffffff;\">#0000CD<\/span><\/td>\n<td style=\"background-color: #0000cd;\"><span style=\"color: #ffffff;\">(0,0,205)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #0000ff;\"><span style=\"color: #ffffff;\">Blue<\/span><\/td>\n<td style=\"background-color: #0000ff;\"><span style=\"color: #ffffff;\">#0000FF<\/span><\/td>\n<td style=\"background-color: #0000ff;\"><span style=\"color: #ffffff;\">(0,0,255)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #6495ed;\">Cornflower<br>Blue<\/td>\n<td style=\"background-color: #6495ed;\">#6495ED<\/td>\n<td style=\"background-color: #6495ed;\">(100,149,237)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #4169e1;\">RoyalBlue<\/td>\n<td style=\"background-color: #4169e1;\">#4169E1<\/td>\n<td style=\"background-color: #4169e1;\">(65,105,225)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #1e90ff;\">DodgerBlue<\/td>\n<td style=\"background-color: #1e90ff;\">#1E90FF<\/td>\n<td style=\"background-color: #1e90ff;\">(30,144,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00bfff;\">DeepSkyBlue<\/td>\n<td style=\"background-color: #00bfff;\">#00BFFF<\/td>\n<td style=\"background-color: #00bfff;\">(0,191,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #87cefa;\">LightSkyBlue<\/td>\n<td style=\"background-color: #87cefa;\">#87CEFA<\/td>\n<td style=\"background-color: #87cefa;\">(135,206,250)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #87ceeb;\">SkyBlue<\/td>\n<td style=\"background-color: #87ceeb;\">#87CEEB<\/td>\n<td style=\"background-color: #87ceeb;\">(135,206,235)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #add8e6;\">LightBlue<\/td>\n<td style=\"background-color: #add8e6;\">#ADD8E6<\/td>\n<td style=\"background-color: #add8e6;\">(173,216,230)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #4682b4;\">SteelBlue<\/td>\n<td style=\"background-color: #4682b4;\">#4682B4<\/td>\n<td style=\"background-color: #4682b4;\">(70,130,180)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #b0c4de;\">LightSteelBlue<\/td>\n<td style=\"background-color: #b0c4de;\">#B0C4DE<\/td>\n<td style=\"background-color: #b0c4de;\">(176,196,222)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #708090;\">SlateGray<\/td>\n<td style=\"background-color: #708090;\">#708090<\/td>\n<td style=\"background-color: #708090;\">(112,128,144)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #778899;\">LightSlateGray<\/td>\n<td style=\"background-color: #778899;\">#778899<\/td>\n<td style=\"background-color: #778899;\">(119,136,153)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00ffff;\">Aqua \/ Cyan<\/td>\n<td style=\"background-color: #00ffff;\">#00FFFF<\/td>\n<td style=\"background-color: #00ffff;\">(0,255,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00ced1;\">DarkTurquoise<\/td>\n<td style=\"background-color: #00ced1;\">#00CED1<\/td>\n<td style=\"background-color: #00ced1;\">(0,206,209)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #40e0d0;\">Turquoise<\/td>\n<td style=\"background-color: #40e0d0;\">#40E0D0<\/td>\n<td style=\"background-color: #40e0d0;\">(64,224,208)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #48d1cc;\">Medium<br>Turquoise<\/td>\n<td style=\"background-color: #48d1cc;\">#48D1CC<\/td>\n<td style=\"background-color: #48d1cc;\">(72,209,204)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #20b2aa;\">Light<br>SeaGreen<\/td>\n<td style=\"background-color: #20b2aa;\">#20B2AA<\/td>\n<td style=\"background-color: #20b2aa;\">(32,178,170)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #008b8b;\">DarkCyan<\/td>\n<td style=\"background-color: #008b8b;\">#008B8B<\/td>\n<td style=\"background-color: #008b8b;\">(0,139,139)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #008080;\">Teal<\/td>\n<td style=\"background-color: #008080;\">#008080<\/td>\n<td style=\"background-color: #008080;\">(0,128,128)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #7fffd4;\">Aquamarine<\/td>\n<td style=\"background-color: #7fffd4;\">#7FFFD4<\/td>\n<td style=\"background-color: #7fffd4;\">(127,255,212)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #66cdaa;\">MediumAquamarine<\/td>\n<td style=\"background-color: #66cdaa;\">#66CDAA<\/td>\n<td style=\"background-color: #66cdaa;\">(102,205,170)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #5f9ea0;\">CadetBlue<\/td>\n<td style=\"background-color: #5f9ea0;\">#5F9EA0<\/td>\n<td style=\"background-color: #5f9ea0;\">(95,158,160)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #2f4f4f;\"><span style=\"color: #ffffff;\">DarkSlateGray<\/span><\/td>\n<td style=\"background-color: #2f4f4f;\"><span style=\"color: #ffffff;\">#2F4F4F<\/span><\/td>\n<td style=\"background-color: #2f4f4f;\"><span style=\"color: #ffffff;\">(47,79,79)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00fa9a;\">Medium<br>SpringGreen<\/td>\n<td style=\"background-color: #00fa9a;\">#00FA9A<\/td>\n<td style=\"background-color: #00fa9a;\">(0,250,154)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00ff7f;\">SpringGreen<\/td>\n<td style=\"background-color: #00ff7f;\">#00FF7F<\/td>\n<td style=\"background-color: #00ff7f;\">(0,255,127)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #98fb98;\">PaleGreen<\/td>\n<td style=\"background-color: #98fb98;\">#98FB98<\/td>\n<td style=\"background-color: #98fb98;\">(152,251,152)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #90ee90;\">LightGreen<\/td>\n<td style=\"background-color: #90ee90;\">#90EE90<\/td>\n<td style=\"background-color: #90ee90;\">(144,238,144)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #8fbc8f;\">DarkSeaGreen<\/td>\n<td style=\"background-color: #8fbc8f;\">#8FBC8F<\/td>\n<td style=\"background-color: #8fbc8f;\">(143,188,143)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #3cb371;\">Medium<br>SeaGreen<\/td>\n<td style=\"background-color: #3cb371;\">#3CB371<\/td>\n<td style=\"background-color: #3cb371;\">(60,179,113)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #2e8b57;\">SeaGreen<\/td>\n<td style=\"background-color: #2e8b57;\">#2E8B57<\/td>\n<td style=\"background-color: #2e8b57;\">(46,139,87)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #006400;\">DarkGreen<\/td>\n<td style=\"background-color: #006400;\">#006400<\/td>\n<td style=\"background-color: #006400;\">(0,100,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #008000;\">Green<\/td>\n<td style=\"background-color: #008000;\">#008000<\/td>\n<td style=\"background-color: #008000;\">(0,128,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #228b22;\">ForestGreen<\/td>\n<td style=\"background-color: #228b22;\">#228B22<\/td>\n<td style=\"background-color: #228b22;\">(34,139,34)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #32cd32;\">LimeGreen<\/td>\n<td style=\"background-color: #32cd32;\">#32CD32<\/td>\n<td style=\"background-color: #32cd32;\">(50,205,50)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #00ff00;\">Lime<\/td>\n<td style=\"background-color: #00ff00;\">#00FF00<\/td>\n<td style=\"background-color: #00ff00;\">(0,255,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #7cfc00;\">LawnGreen<\/td>\n<td style=\"background-color: #7cfc00;\">#7CFC00<\/td>\n<td style=\"background-color: #7cfc00;\">(124,252,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #7fff00;\">Chartreuse<\/td>\n<td style=\"background-color: #7fff00;\">#7FFF00<\/td>\n<td style=\"background-color: #7fff00;\">(127,255,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #adff2f;\">GreenYellow<\/td>\n<td style=\"background-color: #adff2f;\">#ADFF2F<\/td>\n<td style=\"background-color: #adff2f;\">(173,255,47)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #9acd32;\">YellowGreen<\/td>\n<td style=\"background-color: #9acd32;\">#9ACD32<\/td>\n<td style=\"background-color: #9acd32;\">(154,205,50)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #6b8e23;\">OliveDrab<\/td>\n<td style=\"background-color: #6b8e23;\">6B8E23<\/td>\n<td style=\"background-color: #6b8e23;\">(107,142,35)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #556b2f;\">Dark<br>OliveGreen<\/td>\n<td style=\"background-color: #556b2f;\">#556B2F<\/td>\n<td style=\"background-color: #556b2f;\">(85,107,47)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #808000;\">Olive<\/td>\n<td style=\"background-color: #808000;\">#808000<\/td>\n<td style=\"background-color: #808000;\">(128,128,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #bdb76b;\">DarkKhaki<\/td>\n<td style=\"background-color: #bdb76b;\">#BDB76B<\/td>\n<td style=\"background-color: #bdb76b;\">(189,83,107)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #daa520;\">Goldenrod<\/td>\n<td style=\"background-color: #daa520;\">#DAA520<\/td>\n<td style=\"background-color: #daa520;\">(218,165,32)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #b8860b;\">DarkGoldenrod<\/td>\n<td style=\"background-color: #b8860b;\">#B8860B<\/td>\n<td style=\"background-color: #b8860b;\">(184,134,11)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #8b4513;\">SaddleBrown<\/td>\n<td style=\"background-color: #8b4513;\">#8B4513<\/td>\n<td style=\"background-color: #8b4513;\">(139,69,19)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #a0522d;\">Sienna<\/td>\n<td style=\"background-color: #a0522d;\">#A0522D<\/td>\n<td style=\"background-color: #a0522d;\">(160,82,45)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #bc8f8f;\">RosyBrown<\/td>\n<td style=\"background-color: #bc8f8f;\">#BC8F8F<\/td>\n<td style=\"background-color: #bc8f8f;\">(188,143,143)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #cd853f;\">Peru<\/td>\n<td style=\"background-color: #cd853f;\">#CD853F<\/td>\n<td style=\"background-color: #cd853f;\">(205,133,63)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #d2691e;\">Chocolate<\/td>\n<td style=\"background-color: #d2691e;\">#D2691E<\/td>\n<td style=\"background-color: #d2691e;\">(210,105,30)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f4a460;\">SandyBrown<\/td>\n<td style=\"background-color: #f4a460;\">#F4A460<\/td>\n<td style=\"background-color: #f4a460;\">(244,164,96)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffdead;\">NavajoWhite<\/td>\n<td style=\"background-color: #ffdead;\">#FFDEAD<\/td>\n<td style=\"background-color: #ffdead;\">(255,222,173)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f5deb3;\">Wheat<\/td>\n<td style=\"background-color: #f5deb3;\">#F5DEB3<\/td>\n<td style=\"background-color: #f5deb3;\">(245,222,179)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #deb887;\">BurlyWood<\/td>\n<td style=\"background-color: #deb887;\">#DEB887<\/td>\n<td style=\"background-color: #deb887;\">(222,184,135)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #d2b48c;\">Tan<\/td>\n<td style=\"background-color: #d2b48c;\">#D2B48C<\/td>\n<td style=\"background-color: #d2b48c;\">(210,180,140)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #7b68ee;\">Medium<br>SlateBlue<\/td>\n<td style=\"background-color: #7b68ee;\">#7B68EE<\/td>\n<td style=\"background-color: #7b68ee;\">(123,104,238)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #9370db;\">Medium<br>Purple<\/td>\n<td style=\"background-color: #9370db;\">#9370DB<\/td>\n<td style=\"background-color: #9370db;\">(147,112,219)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #8a2be2;\">BlueViolet<\/td>\n<td style=\"background-color: #8a2be2;\">#8A2BE2<\/td>\n<td style=\"background-color: #8a2be2;\">(138,43,226)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #4b0082;\"><span style=\"color: #ffffff;\">Indigo<\/span><\/td>\n<td style=\"background-color: #4b0082;\"><span style=\"color: #ffffff;\">#4B0082<\/span><\/td>\n<td style=\"background-color: #4b0082;\"><span style=\"color: #ffffff;\">(75,0,130)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #9400d3;\">DarkViolet<\/td>\n<td style=\"background-color: #9400d3;\">#9400D3<\/td>\n<td style=\"background-color: #9400d3;\">(148,0,211)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #9932cc;\">DarkOrchid<\/td>\n<td style=\"background-color: #9932cc;\">#9932CC<\/td>\n<td style=\"background-color: #9932cc;\">(153,50,204)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ba55d3;\">MediumOrchid<\/td>\n<td style=\"background-color: #ba55d3;\">#BA55D3<\/td>\n<td style=\"background-color: #ba55d3;\">(186,85,211)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #a020f0;\"><span style=\"color: #ffffff;\">Purple<\/span><\/td>\n<td style=\"background-color: #a020f0;\"><span style=\"color: #ffffff;\">#A020F0<\/span><\/td>\n<td style=\"background-color: #a020f0;\"><span style=\"color: #ffffff;\">(128,0,128)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #8b008b;\"><span style=\"color: #ffffff;\">DarkMagenta<\/span><\/td>\n<td style=\"background-color: #8b008b;\"><span style=\"color: #ffffff;\">#8B008B<\/span><\/td>\n<td style=\"background-color: #8b008b;\"><span style=\"color: #ffffff;\">(139,0,139)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff00ff;\">Fuchsia \/ Magenta<\/td>\n<td style=\"background-color: #ff00ff;\">#FF00FF<\/td>\n<td style=\"background-color: #ff00ff;\">(255,0,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ee82ee;\">Violet<\/td>\n<td style=\"background-color: #ee82ee;\">#EE82EE<\/td>\n<td style=\"background-color: #ee82ee;\">(238,130,238)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #da70d6;\">Orchid<\/td>\n<td style=\"background-color: #da70d6;\">#DA70D6<\/td>\n<td style=\"background-color: #da70d6;\">(218,112,214)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #dda0dd;\">Plum<\/td>\n<td style=\"background-color: #dda0dd;\">#DDA0DD<\/td>\n<td style=\"background-color: #dda0dd;\">(221,160,221)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #c71585;\">Medium<br>VioletRed<\/td>\n<td style=\"background-color: #c71585;\">#C71585<\/td>\n<td style=\"background-color: #c71585;\">(199,21,133)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff1493;\">DeepPink<\/td>\n<td style=\"background-color: #ff1493;\">#FF1493<\/td>\n<td style=\"background-color: #ff1493;\">(255,20,147)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff69b4;\">HotPink<\/td>\n<td style=\"background-color: #ff69b4;\">#FF69B4<\/td>\n<td style=\"background-color: #ff69b4;\">(255,105,180)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #db7093;\">Pale<br>VioletRed<\/td>\n<td style=\"background-color: #db7093;\">#DB7093<\/td>\n<td style=\"background-color: #db7093;\">(219,112,147)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffb6c1;\">LightPink<\/td>\n<td style=\"background-color: #ffb6c1;\">#FFB6C1<\/td>\n<td style=\"background-color: #ffb6c1;\">(255,182,193)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffc0cb;\">Pink<\/td>\n<td style=\"background-color: #ffc0cb;\">#FFC0CB<\/td>\n<td style=\"background-color: #ffc0cb;\">(255,192,203)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f08080;\">LightCoral<\/td>\n<td style=\"background-color: #f08080;\">#F08080<\/td>\n<td style=\"background-color: #f08080;\">(240,128,128)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #cd5c5c;\">IndianRed<\/td>\n<td style=\"background-color: #cd5c5c;\">#CD5C5C<\/td>\n<td style=\"background-color: #cd5c5c;\">(205,92,92)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #dc143c;\">Crimson<\/td>\n<td style=\"background-color: #dc143c;\">#DC143C<\/td>\n<td style=\"background-color: #dc143c;\">(220,20,60)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #800000;\"><span style=\"color: #ffffff;\">Maroon<\/span><\/td>\n<td style=\"background-color: #800000;\"><span style=\"color: #ffffff;\">#800000<\/span><\/td>\n<td style=\"background-color: #800000;\"><span style=\"color: #ffffff;\">(128,0,0)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #8b0000;\"><span style=\"color: #ffffff;\">DarkRed<\/span><\/td>\n<td style=\"background-color: #8b0000;\"><span style=\"color: #ffffff;\">#8B0000<\/span><\/td>\n<td style=\"background-color: #8b0000;\"><span style=\"color: #ffffff;\">(139,0,0)<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #b22222;\">FireBrick<\/td>\n<td style=\"background-color: #b22222;\">#B22222<\/td>\n<td style=\"background-color: #b22222;\">(178,34,34)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #a52a2a;\">Brown<\/td>\n<td style=\"background-color: #a52a2a;\">#A52A2A<\/td>\n<td style=\"background-color: #a52a2a;\">(165,42,42)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fa8072;\">Salmon<\/td>\n<td style=\"background-color: #fa8072;\">#FA8072<\/td>\n<td style=\"background-color: #fa8072;\">(250,128,114)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e9967a;\">DarkSalmon<\/td>\n<td style=\"background-color: #e9967a;\">#E9967A<\/td>\n<td style=\"background-color: #e9967a;\">(233,150,122)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffa07a;\">LightSalmon<\/td>\n<td style=\"background-color: #ffa07a;\">#FFA07A<\/td>\n<td style=\"background-color: #ffa07a;\">(255,160,122)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff7f50;\">Coral<\/td>\n<td style=\"background-color: #ff7f50;\">#FF7F50<\/td>\n<td style=\"background-color: #ff7f50;\">(255,127,80)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff6347;\">Tomato<\/td>\n<td style=\"background-color: #ff6347;\">#FF6347<\/td>\n<td style=\"background-color: #ff6347;\">(255,99,71)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff0000;\">Red<\/td>\n<td style=\"background-color: #ff0000;\">#FF0000<\/td>\n<td style=\"background-color: #ff0000;\">(255,0,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff4500;\">OrangeRed<\/td>\n<td style=\"background-color: #ff4500;\">#FF4500<\/td>\n<td style=\"background-color: #ff4500;\">(255,69,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ff8c00;\">DarkOrange<\/td>\n<td style=\"background-color: #ff8c00;\">#FF8C00<\/td>\n<td style=\"background-color: #ff8c00;\">(255,140,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffa500;\">Orange<\/td>\n<td style=\"background-color: #ffa500;\">#FFA500<\/td>\n<td style=\"background-color: #ffa500;\">(255,165,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffd700;\">Gold<\/td>\n<td style=\"background-color: #ffd700;\">#FFD700<\/td>\n<td style=\"background-color: #ffd700;\">(255,215,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffff00;\">Yellow<\/td>\n<td style=\"background-color: #ffff00;\">#FFFF00<\/td>\n<td style=\"background-color: #ffff00;\">(255,255,0)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f0e68c;\">Khaki<\/td>\n<td style=\"background-color: #f0e68c;\">#F0E68C<\/td>\n<td style=\"background-color: #f0e68c;\">(240,230,140)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f0f8ff;\">AliceBlue<\/td>\n<td style=\"background-color: #f0f8ff;\">#F0F8FF<\/td>\n<td style=\"background-color: #f0f8ff;\">(240,248,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f8f8ff;\">GhostWhite<\/td>\n<td style=\"background-color: #f8f8ff;\">#F8F8FF<\/td>\n<td style=\"background-color: #f8f8ff;\">(248,248,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fffafa;\">Snow<\/td>\n<td style=\"background-color: #fffafa;\">#FFFAFA<\/td>\n<td style=\"background-color: #fffafa;\">(255,250,250)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fff5ee;\">Seashell<\/td>\n<td style=\"background-color: #fff5ee;\">#FFF5EE<\/td>\n<td style=\"background-color: #fff5ee;\">(255,245,238)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fffaf0;\">FloralWhite<\/td>\n<td style=\"background-color: #fffaf0;\">#FFFAF0<\/td>\n<td style=\"background-color: #fffaf0;\">(255,250,240)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f5f5f5;\">WhiteSmoke<\/td>\n<td style=\"background-color: #f5f5f5;\">#F5F5F5<\/td>\n<td style=\"background-color: #f5f5f5;\">(245,245,245)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f5f5dc;\">Beige<\/td>\n<td style=\"background-color: #f5f5dc;\">#F5F5DC<\/td>\n<td style=\"background-color: #f5f5dc;\">(245,245,220)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fdf5e6;\">OldLace<\/td>\n<td style=\"background-color: #fdf5e6;\">#FDF5E6<\/td>\n<td style=\"background-color: #fdf5e6;\">(253,245,230)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fffff0;\">Ivory<\/td>\n<td style=\"background-color: #fffff0;\">#FFFFF0<\/td>\n<td style=\"background-color: #fffff0;\">(255,255,240)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #faf0e6;\">Linen<\/td>\n<td style=\"background-color: #faf0e6;\">#FAF0E6<\/td>\n<td style=\"background-color: #faf0e6;\">(250,240,230)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fff8dc;\">Cornsilk<\/td>\n<td style=\"background-color: #fff8dc;\">#FFF8DC<\/td>\n<td style=\"background-color: #fff8dc;\">(255,248,220)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #faebd7;\">AntiqueWhite<\/td>\n<td style=\"background-color: #faebd7;\">#FAEBD7<\/td>\n<td style=\"background-color: #faebd7;\">(250,235,215)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffebcd;\">BlanchedAlmond<\/td>\n<td style=\"background-color: #ffebcd;\">#FFEBCD<\/td>\n<td style=\"background-color: #ffebcd;\">(255,235,205)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffe4c4;\">Bisque<\/td>\n<td style=\"background-color: #ffe4c4;\">#FFE4C4<\/td>\n<td style=\"background-color: #ffe4c4;\">(255,228,196)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffffe0;\">LightYellow<\/td>\n<td style=\"background-color: #ffffe0;\">#FFFFE0<\/td>\n<td style=\"background-color: #ffffe0;\">(255,255,224)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fffacd;\">LemonChiffon<\/td>\n<td style=\"background-color: #fffacd;\">#FFFACD<\/td>\n<td style=\"background-color: #fffacd;\">(255,250,205)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fafad2;\">LightGoldenrodYellow<\/td>\n<td style=\"background-color: #fafad2;\">#FAFAD2<\/td>\n<td style=\"background-color: #fafad2;\">(250,250,210)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffefd5;\">PapayaWhip<\/td>\n<td style=\"background-color: #ffefd5;\">#FFEFD5<\/td>\n<td style=\"background-color: #ffefd5;\">(255,239,213)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffdab9;\">PeachPuff<\/td>\n<td style=\"background-color: #ffdab9;\">#FFDAB9<\/td>\n<td style=\"background-color: #ffdab9;\">(255,218,185)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffe4b5;\">Moccasin<\/td>\n<td style=\"background-color: #ffe4b5;\">#FFE4B5<\/td>\n<td style=\"background-color: #ffe4b5;\">(255,228,181)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #eee8aa;\">Pale<br>Goldenrod<\/td>\n<td style=\"background-color: #eee8aa;\">#EEE8AA<\/td>\n<td style=\"background-color: #eee8aa;\">(238,232,170)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #ffe4e1;\">MistyRose<\/td>\n<td style=\"background-color: #ffe4e1;\">#FFE4E1<\/td>\n<td style=\"background-color: #ffe4e1;\">(255,228,225)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #fff0f5;\">LavenderBlush<\/td>\n<td style=\"background-color: #fff0f5;\">#FFF0F5<\/td>\n<td style=\"background-color: #fff0f5;\">(255,240,245)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e6e6fa;\">Lavender<\/td>\n<td style=\"background-color: #e6e6fa;\">#E6E6FA<\/td>\n<td style=\"background-color: #e6e6fa;\">(230,230,250)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #d8bfd8;\">Thistle<\/td>\n<td style=\"background-color: #d8bfd8;\">#D8BFD8<\/td>\n<td style=\"background-color: #d8bfd8;\">(216,191,216)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f0ffff;\">Azure<\/td>\n<td style=\"background-color: #f0ffff;\">#F0FFFF<\/td>\n<td style=\"background-color: #f0ffff;\">(240,255,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e0ffff;\">LightCyan<\/td>\n<td style=\"background-color: #e0ffff;\">#E0FFFF<\/td>\n<td style=\"background-color: #e0ffff;\">(224,255,255)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #b0e0e6;\">PowderBlue<\/td>\n<td style=\"background-color: #b0e0e6;\">#B0E0E6<\/td>\n<td style=\"background-color: #b0e0e6;\">(176,224,230)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e0ffff;\">PaleTurquoise<\/td>\n<td style=\"background-color: #e0ffff;\">#E0FFFF<\/td>\n<td style=\"background-color: #e0ffff;\">(175,238,238)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f0fff0;\">Honeydew<\/td>\n<td style=\"background-color: #f0fff0;\">#F0FFF0<\/td>\n<td style=\"background-color: #f0fff0;\">(240,255,240)<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #f5fffa;\">MintCream<\/td>\n<td style=\"background-color: #f5fffa;\">#F5FFFA<\/td>\n<td style=\"background-color: #f5fffa;\">(245,255,250)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 tabela de cores HTML?<\/h2>\n\n\n\n<p>Tabela de cores \u00e9 uma refer\u00eancia com os c\u00f3digos que s\u00e3o usados em HTML para formar cores e criar imagens, designs e outros elementos digitais na web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como utilizar a tabela de cores?<\/h2>\n\n\n\n<p>Confira a lista com o nome das cores em ingl\u00eas e nas colunas ao lado, verifique qual \u00e9 o c\u00f3digo hexadecimal ou o c\u00f3digo RGB para incluir em seu c\u00f3digo HTML.<\/p>\n\n\n\n<p>Curtiu este conte\u00fado? Ele foi \u00fatil? Ent\u00e3o, compartilhe nas suas redes sociais para que outras pessoas tamb\u00e9m conhe\u00e7am essas dicas!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Resumindo<\/strong><\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1645710070297\"><strong class=\"schema-faq-question\"><strong>Que cor \u00e9 #000000?<\/strong><\/strong> <p class=\"schema-faq-answer\">Black (preto).<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1681859263203\"><strong class=\"schema-faq-question\">Qual o c\u00f3digo RGB para cor cinza?<\/strong> <p class=\"schema-faq-answer\">O c\u00f3digo para cinza \u00e9 #808080<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1681859264336\"><strong class=\"schema-faq-question\">Onde encontrar tabela de cores?<\/strong> <p class=\"schema-faq-answer\">Confira a tabela de cores HTML com os nomes, os c\u00f3digos e as cores, neste artigo.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Saiba o que significam as Cores em HTML para ilustrar o seu site e conhe\u00e7a a chamada Tabela de Cores HTML para come\u00e7ar a utilizar no seu projeto. <\/p>\n","protected":false},"author":33,"featured_media":29235,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[43394,43390],"tags":[32879],"class_list":["post-29040","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas-e-tutoriais","category-tecnologia","tag-estados-unidos-eua"],"acf":[],"taxonomy_info":{"category":[{"value":43394,"label":"Dicas e tutoriais"},{"value":43390,"label":"Tecnologia"}],"post_tag":[{"value":32879,"label":"Estados Unidos (EUA)"}]},"featured_image_src_large":["https:\/\/www.remessaonline.com.br\/blog\/wp-content\/uploads\/2021\/08\/Tabela-de-cores-HTML-1024x682.jpg",1024,682,true],"author_info":{"display_name":"Fabiana Lima","author_link":"https:\/\/www.remessaonline.com.br\/blog\/author\/fabiana\/"},"comment_info":0,"category_info":[{"term_id":43394,"name":"Dicas e tutoriais","slug":"dicas-e-tutoriais","term_group":0,"term_taxonomy_id":43394,"taxonomy":"category","description":"Guias pr\u00e1ticos e passo a passo para aproveitar melhor ferramentas e solu\u00e7\u00f5es digitais.","parent":43390,"count":162,"filter":"raw","term_order":"0","cat_ID":43394,"category_count":162,"category_description":"Guias pr\u00e1ticos e passo a passo para aproveitar melhor ferramentas e solu\u00e7\u00f5es digitais.","cat_name":"Dicas e tutoriais","category_nicename":"dicas-e-tutoriais","category_parent":43390},{"term_id":43390,"name":"Tecnologia","slug":"tecnologia","term_group":0,"term_taxonomy_id":43390,"taxonomy":"category","description":"Not\u00edcias, an\u00e1lises e insights sobre tecnologia, inova\u00e7\u00e3o e ferramentas digitais que impactam neg\u00f3cios e a vida cotidiana.","parent":0,"count":600,"filter":"raw","term_order":"0","cat_ID":43390,"category_count":600,"category_description":"Not\u00edcias, an\u00e1lises e insights sobre tecnologia, inova\u00e7\u00e3o e ferramentas digitais que impactam neg\u00f3cios e a vida cotidiana.","cat_name":"Tecnologia","category_nicename":"tecnologia","category_parent":0}],"tag_info":[{"term_id":32879,"name":"Estados Unidos (EUA)","slug":"estados-unidos-eua","term_group":0,"term_taxonomy_id":32879,"taxonomy":"post_tag","description":"","parent":0,"count":2714,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts\/29040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/comments?post=29040"}],"version-history":[{"count":0,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/posts\/29040\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/media\/29235"}],"wp:attachment":[{"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/media?parent=29040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/categories?post=29040"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.remessaonline.com.br\/blog\/wp-json\/wp\/v2\/tags?post=29040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}