{"id":3515,"date":"2023-06-10T18:04:49","date_gmt":"2023-06-10T21:04:49","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=3515"},"modified":"2024-01-09T07:06:26","modified_gmt":"2024-01-09T10:06:26","slug":"tabela-de-cores-html","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/","title":{"rendered":"Tabela de cores HTML: aplicando cores nas tags HTML"},"content":{"rendered":"<p>Durante o desenvolvimento de um website, existem diversos fatores que interferem diretamente na qualidade do mesmo, e em como o usu\u00e1rio receber\u00e1 as informa\u00e7\u00f5es do conte\u00fado. Uma das coisas mais importantes para a cria\u00e7\u00e3o de um layout \u00e9 a escolha certa das cores a utilizar. Por esta raz\u00e3o, ter \u00e0 m\u00e3o ferramentas que facilitem no processo como uma tabela de cores HTML \u00a0\u00e9 essencial.<\/p>\n<p>Atrav\u00e9s das linhas de c\u00f3digo <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-css\/\">HTML e CSS<\/a>, podemos aplicar cores tanto para fontes como para seus elementos. Podemos at\u00e9 mesmo aplicar cores \u00e0s bordas ou sombreamentos. S\u00e3o muitas possibilidades que nos permite criar layouts mais complexos e com diversas caracter\u00edsticas.<\/p>\n<p>Com os diversos tipos de display, grids, flexbox, floats, \u00e9 poss\u00edvel criar in\u00fameras possibilidades visuais s\u00f3 utilizando o HTML e CSS, assim como aplicar diversos backgrounds, anima\u00e7\u00f5es e at\u00e9 mesmo vetores.<\/p>\n<p>Assim, \u00e9 importante entender quais s\u00e3o os padr\u00f5es de cores que o HTML suporta, e como s\u00e3o formados. Ap\u00f3s compreender esse tema, voc\u00ea poder\u00e1 ent\u00e3o come\u00e7ar aplicar as cores atrav\u00e9s do <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/estilos-html\/\">estilos em HTML<\/a> e CSS. \u00a0Para tanto, disponibilizamos uma <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/tabela-html\/\">tabela de cores HTML<\/a>, com os nomes das cores, o c\u00f3digo hexadecimal e o valor RGB prontos para usar diretamente no seu estilo!<\/p>\n<p>T\u00f3picos deste artigo:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico1\">Tabela de cores HTML<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico2\">Breve hist\u00f3ria do HTML<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico3\">As cores no HTML (hexadecimal, RGB, RGBA, HSL e HSLA)<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico4\">Aplicando cores nos elementos HTML<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico5\">Modificando as cores com inline das tags HTML<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico6\">Modificando as cores atrav\u00e9s de uma folha de estilos CSS<\/a><\/li>\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#topico7\">Ferramentas para utilizar em conjunto com a tabela de cores HTML<\/a><\/li>\n<\/ul>\n<p><a name=\"topico1\"><\/a><\/p>\n<h2><strong>Tabela de cores HTML<\/strong><\/h2>\n<p>Na tabela de cores HTML, voc\u00ea poder\u00e1 encontrar diversos exemplos de cores com seu c\u00f3digo hexadecimal, assim como o nome em ingl\u00eas e o c\u00f3digo RGB, j\u00e1 prontos para copiar diretamente para o seu c\u00f3digo HTML\/CSS:<\/p>\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;\">CornflowerBlue<\/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;\">MediumTurquoise<\/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;\">LightSeaGreen<\/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;\">MediumSpringGreen<\/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;\">MediumSeaGreen<\/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;\">DarkOliveGreen<\/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;\">MediumSlateBlue<\/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;\">MediumPurple<\/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;\">MediumVioletRed<\/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;\">PaleVioletRed<\/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;\">PaleGoldenrod<\/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<p><a name=\"topico2\"><\/a><\/p>\n<h2>J\u00e1 imaginou como seria um website apenas com cores preto e branco e sem a\u00a0inser\u00e7\u00e3o de multim\u00eddia?<\/h2>\n<p>Antes do surgimento do protocolo <a href=\"https:\/\/www.homehost.com.br\/blog\/internet\/o-que-e-http\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP<\/a> e da linguagem HTML, a navega\u00e7\u00e3o de sites era apresentada atrav\u00e9s\u00a0de uma tela similar ao do terminal, com fundo preto e fonte branca ou verde, onde a navega\u00e7\u00e3o era atrav\u00e9s do teclado. Um \u00f3timo exemplo disso \u00e9 o The Gopher Project.<\/p>\n<p>Em 1989 o\u00a0brit\u00e2nico <a href=\"https:\/\/www.internethalloffame.org\/\/official-biography-tim-berners-lee\" target=\"_blank\" rel=\"noopener noreferrer\">Tim Berners-Lee<\/a> dava \u00ednicio a um projeto que mais tarde seria conhecido como HyperText\u00a0Markup Language, o HTML, a principal linguagem quando o assunto \u00e9 desenvolvimento web. Em 1991 surge o primeiro <a href=\"http:\/\/info.cern.ch\/hypertext\/WWW\/TheProject.html\">website<\/a>, que ainda est\u00e1 online.<\/p>\n<p>Com o HTML, passou a ser poss\u00edvel a inser\u00e7\u00e3o de multim\u00eddia e uma melhor manipula\u00e7\u00e3o de fontes, cores e posicionamento de elementos. Por consequ\u00eancia, conforme foram lan\u00e7ando novas vers\u00f5es, o HTML foi recebendo novas funcionalidades, at\u00e9 chegar no que conhecemos hoje, o <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/html5\/\">HTML5<\/a>.<\/p>\n<figure id=\"attachment_3517\" aria-describedby=\"caption-attachment-3517\" style=\"width: 444px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-3517 size-full\" style=\"font-size: 18.72px; font-weight: bold;\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png\" alt=\"Tela inicial do The Gropher Project em Cores Preto e Branco, sem uso de HTML\" width=\"444\" height=\"300\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png 444w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher-300x203.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher-1x1.png 1w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><figcaption id=\"caption-attachment-3517\" class=\"wp-caption-text\">Tela inicial do The Gropher Project<\/figcaption><\/figure>\n<p><a name=\"topico3\"><\/a><\/p>\n<h2>As cores no HTML e CSS<\/h2>\n<p>No HTML e CSS, as cores podem ser definidas atrav\u00e9s de seu nome (em ingl\u00eas), atrav\u00e9s do c\u00f3digo hexadecimal, ou atrav\u00e9s do seu valor RGB. Com as novas vers\u00f5es do CSS, \u00e9 poss\u00edvel tamb\u00e9m utilizar os valores RGBA, HSL e HSLA. Esses valores s\u00e3o intensidades de cores ou propriedades (como satura\u00e7\u00e3o e opacidade) que juntos formam uma outra cor.<\/p>\n<p>Ent\u00e3o, ap\u00f3s compreender como as cores funcionam, \u00e9 interessante estar sempre com a tabela de cores <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/iframe-html\/\">HTML com f\u00e1cil acesso para consultar sempre que precisar<\/a>.<\/p>\n<h3>Cores Hexadecimais<\/h3>\n<p>O c\u00f3digo Hexadecimal para cores consiste em seis letras ou n\u00fameros precedidos do \u201c#\u201d. Os dois primeiros elementos representam a intensidade de vermelho, o terceiro e quarto elementos representam a intensidade de verde e os dois \u00faltimos a intensidade de azul. Desta forma, o resultado final ser\u00e1 a combina\u00e7\u00e3o dessas tr\u00eas cores em diferentes intensidades, formando a cor desejada. Os valores variam entre 00 (mais escuro) at\u00e9 FF (mais claro). Por exemplo, temos o c\u00f3digo #FFFFFF, que representa a cor branca, pois tem a intensidade m\u00e1xima das tr\u00eas cores. Do mesmo modo, #FF0000 representa a cor vermelha, com intensidade m\u00e1xima de vermelho e nenhuma intensidade para verde e azul. Na tabela de cores HTML, \u00e9 poss\u00edvel encontrar mais de 100 c\u00f3digos hexadecimais das cores mais utilizadas.<\/p>\n<h3>RGB<\/h3>\n<p>Do mesmo modo, valor RGB significa <strong>R<\/strong>ed, <strong>G<\/strong>reen, <strong>B<\/strong>lue (vermelho, verde, azul) e sua teoria \u00e9 a mesma, a intensidade dessas tr\u00eas cores formar\u00e3o a cor final. Os RGB \u00e9 declarado com tr\u00eas valores com escala entre 0 e 255. Dessa forma temos o c\u00f3digo rgb(255,255,255) para a cor branca, rgb(255,0,0) para a cor vermelha e rgb(0,0,0) para a cor preta. Na tabela de cores HTML, \u00e9 poss\u00edvel encontrar mais de 100 valores RGB das cores mais utilizadas.<\/p>\n<h3>RGBA<\/h3>\n<p>No sistema RGBA, \u00e9 utilizado o mesmo c\u00f3digo do sistema RGB por\u00e9m acrescenta-se um novo valor, o <strong>A<\/strong>lpha. O valor alpha significa a opacidade da cor, que varia de uma escala entre decimais de 0.0(transparente) e 1.0 (opaco). \u00c9 muito utilizado para a sobreposi\u00e7\u00e3o de elementos, sem perder a visibilidade do elemento inferior, dando a sensa\u00e7\u00e3o de transpar\u00eancia. Por exemplo: para a cor preta com 50% de opacidade, utilizamos o rgba(0,0,0,0.5).<\/p>\n<h3>HSL<\/h3>\n<p>Diferentemente, o sistema HSL representa <strong>H<\/strong>ue (tom), <strong>S<\/strong>aturation (satura\u00e7\u00e3o) e <strong>L<\/strong>ightness (luminosidade). O valor do tom \u00e9 medido em \u00e2ngulos expresso em graus. O valor de satura\u00e7\u00e3o \u00e9 medido em porcentagem, sendo 0% um leve sombreado de satura\u00e7\u00e3o e 100% uma satura\u00e7\u00e3o total da cor. O valor de luminosidade tamb\u00e9m \u00e9 expresso em porcentagem. Por exemplo: um valor igual a 100% resulta em cor branca e 0 em cor preta, sendo 50% o valor mais usual.<\/p>\n<h3>HSLA<\/h3>\n<p>Assim como no RGBA, no sistema HSLA segue o mesmo padr\u00e3o do HSL, acrescentando o valor Alpha, que representa a opacidade. Tamb\u00e9m varia numa escala entre 0.0 e 1.0.<br \/>\n<a name=\"topico4\"><\/a><\/p>\n<h2>Aplicando cores nos elementos HTML<\/h2>\n<p>No HTML, podemos customizar as cores nos elementos atrav\u00e9s do seu estilo, podendo ser feito na pr\u00f3pria tag, com a utiliza\u00e7\u00e3o da propriedade style ou atrav\u00e9s de uma folha de estilo, seja ela interna ou externa. Ap\u00f3s a leitura, realize testes pr\u00e1ticos, utilize a tabela de cores <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/html-div\/\">HTML do in\u00edcio deste artigo e aplique em seus elementos<\/a>.<br \/>\n<a name=\"topico5\"><\/a><\/p>\n<h3>Modificando as cores inline das tags HTML<\/h3>\n<p>Para modificar o estilo de um elemento inline, basta acrescentar dentro da tag do elemento o atributo style e assim realizar as modifica\u00e7\u00f5es.<\/p>\n<p>Por exemplo: se tivermos um elemento p e queremos alterar sua fonte para a cor azul, bastaria utilizar o c\u00f3digo:<\/p>\n<pre class=\"lang:css decode:true\">&lt;p style=\u201dcolor:blue\u201d&gt;Azul&lt;\/p&gt;<\/pre>\n<p>Como resultado, teremos:<\/p>\n<p><span style=\"color: #0000ff;\">Azul<\/span><\/p>\n<p>Mas e se quisermos modificar tamb\u00e9m o background do elemento? Ent\u00e3o podemos utilizar a propriedade background-color para isso!<\/p>\n<p>Dessa forma, vamos aplicar ao nosso elemento p um fundo vermelho:<\/p>\n<pre class=\"lang:css decode:true\">&lt;p style=\u201dcolor: blue; background-color: red\u201d&gt;Azul&lt;\/p&gt;<\/pre>\n<p>Como resultado, teremos:<\/p>\n<p><span style=\"color: #0000ff; background-color: red;\">Azul<\/span><\/p>\n<p>F\u00e1cil, n\u00e3o \u00e9?<\/p>\n<p>Escolha algumas cores, atrav\u00e9s da tabela de cores HTML, e pratique!<br \/>\n<a name=\"topico6\"><\/a><\/p>\n<h3>Modificando as cores atrav\u00e9s de uma folha de estilos CSS<\/h3>\n<p>Atrav\u00e9s das tags &lt;script&gt;&lt;\/script&gt;, podemos inserir um c\u00f3digo CSS dentro dela, ou podemos tamb\u00e9m aplicar um estilo externo. Dessa forma, fica muito mais f\u00e1cil para alterar os estilos dos elementos.<\/p>\n<p>Por exemplo, vejamos a seguinte estrutura em HTML:<\/p>\n<pre class=\"lang:default decode:true\">&lt;body&gt;\n    &lt;p&gt;Ol\u00e1 mundo&lt;\/p&gt;\n    &lt;p&gt;Ol\u00e1 mundo&lt;\/p&gt;\n    &lt;p class=\"vermelho\"&gt;Eu sou vermelho&lt;\/p&gt;\n    &lt;p class=\"azul\"&gt;Eu sou Azul&lt;\/p&gt;\n    &lt;p class=\"bgciano\"&gt;Eu tenho um Background ciano!&lt;\/p&gt;\n&lt;\/body&gt;<\/pre>\n<p>Como resultado inicial, teremos:<\/p>\n<p style=\"padding-left: 40px;\">Ol\u00e1 mundo<\/p>\n<p style=\"padding-left: 40px;\">Ol\u00e1 mundo<\/p>\n<p style=\"padding-left: 40px;\">Eu sou vermelho<\/p>\n<p style=\"padding-left: 40px;\">Eu sou Azul<\/p>\n<p style=\"padding-left: 40px;\">Eu tenho um Background ciano!<\/p>\n<p>Repare que nada aconteceu, pois ainda n\u00e3o aplicamos nenhum estilo. Mas se quisermos\u00a0aplicar a cor p\u00farpura a todos os elementos p, basta utilizar o CSS:<\/p>\n<pre class=\"lang:css decode:true \">p{ \n    color: #ff00ff; \n}<\/pre>\n<p>O resultado ser\u00e1:<\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Ol\u00e1 mundo<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Ol\u00e1 mundo<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Eu sou vermelho<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Eu sou Azul<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Eu tenho um Background ciano!<\/span><\/p>\n<p>Aplicando agora o estilo para as classes, teremos um novo resultado.<\/p>\n<pre class=\"lang:css decode:true \">p{\n  color: #FF00FF; \n}\np.vermelho{\n  color:red;\n} \n.azul{\n  color:rgb(0,0,255);\n}\n.bgciano{\n  background-color: #00FFFF;\n}<\/pre>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Ol\u00e1 mundo<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff;\">Ol\u00e1 mundo<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff0000;\">Eu sou vermelho<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #0000ff;\">Eu sou Azul<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span style=\"color: #ff00ff; background-color: #00ffff;\">Eu tenho um Background ciano!<\/span><\/p>\n<p>Da mesma forma, voc\u00ea tamb\u00e9m pode aplicar essa t\u00e9cnica para diversos elementos e propriedades, gerando cores para os textos e background do seu site. Contudo, para criar um layout bonito, \u00e9\u00a0importante entender como as cores funcionam e interagem entre si. Mas se voc\u00ea n\u00e3o puder se aprofundar no estudo da Teoria das Cores, h\u00e1 ferramentas que podem auxiliar.<br \/>\n<a name=\"topico7\"><\/a><\/p>\n<h3>Ferramentas para utilizar em conjunto com a tabela de Cores HTML e CSS<\/h3>\n<p>Vale a pena utilizar algumas paletas de cores, veja abaixo algumas sugest\u00f5es:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.materialui.co\/colors\">Material UI Colors<\/a>: Neste site \u00e9 poss\u00edvel encontrar as cores padr\u00f5es mais utilizadas no Material Design, s\u00e3o cores vibrantes por\u00e9m sofisticadas e modernas, muito utilizadas para produ\u00e7\u00e3o de websites hoje em dia. Ao clicar em cima da cor, a ferramenta j\u00e1 copia o c\u00f3digo hexadecimal automaticamente para voc\u00ea, podendo colar diretamente no arquivo HTML e CSS! Vale a pena dar uma olhada;<\/li>\n<li><a href=\"https:\/\/colorhunt.co\/\">Color Hunt:<\/a> Neste Site, \u00e9 poss\u00edvel encontrar diversas paletas de cores, feitas tanto por profissionais como por amadores, voc\u00ea pode selecionar as que mais te agradem e utilizar;<\/li>\n<li><a href=\"https:\/\/color.adobe.com\/pt\/create\/color-wheel\/\">Adobe Color<\/a>: Esta ferramente pertence a Adobe, \u00e9 muito \u00fatil para gerar combina\u00e7\u00f5es de cores, ao clicar em uma cor, ela j\u00e1 seleciona as cores que se enquadram na mesma, vale muito apena utilizar essa ferramenta!<\/li>\n<\/ul>\n<p>Ap\u00f3s escolher as cores com a ajuda das ferramentas acima, voc\u00ea pode utilizar a nossa tabela de cores <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/caracteres-especiais-acentos-html\/\">HTML para copiar o c\u00f3digo<\/a> hexadecimal, nome ou valores RGB diretamente para seu c\u00f3digo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Durante o desenvolvimento de um website, existem diversos fatores que interferem diretamente na qualidade do mesmo, e em como o usu\u00e1rio receber\u00e1 as informa\u00e7\u00f5es do conte\u00fado. Uma das coisas mais importantes para a cria\u00e7\u00e3o de um layout \u00e9 a escolha certa das cores a utilizar. Por esta raz\u00e3o, ter \u00e0 m\u00e3o ferramentas que facilitem no [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[203,6],"tags":[2622,2624,252,2621,2623,241],"class_list":["post-3515","post","type-post","status-publish","format-standard","hentry","category-internet","category-tutoriais","tag-cores","tag-css","tag-desenvolvimento","tag-html","tag-tabeladecores","tag-tutoriais"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tabela de cores HTML: aplicando cores nas tags HTML | Homehost<\/title>\n<meta name=\"description\" content=\"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL\" \/>\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.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabela de cores HTML: aplicando cores nas tags HTML | Homehost\" \/>\n<meta property=\"og:description\" content=\"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-10T21:04:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T10:06:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png\" \/>\n<meta name=\"author\" content=\"Rafael Marques\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rafael Marques\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/\",\"name\":\"Tabela de cores HTML: aplicando cores nas tags HTML | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png\",\"datePublished\":\"2023-06-10T21:04:49+00:00\",\"dateModified\":\"2024-01-09T10:06:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\"},\"description\":\"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png\",\"width\":444,\"height\":300,\"caption\":\"Tela inicial do The Gropher Project\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabela de cores HTML: aplicando cores nas tags HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e\",\"name\":\"Rafael Marques\",\"description\":\"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br\",\"sameAs\":[\"https:\/\/www.instagram.com\/rafamarquesrmb\/\",\"https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabela de cores HTML: aplicando cores nas tags HTML | Homehost","description":"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL","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.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Tabela de cores HTML: aplicando cores nas tags HTML | Homehost","og_description":"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL","og_url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-06-10T21:04:49+00:00","article_modified_time":"2024-01-09T10:06:26+00:00","og_image":[{"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png","type":"","width":"","height":""}],"author":"Rafael Marques","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Rafael Marques","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/","url":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/","name":"Tabela de cores HTML: aplicando cores nas tags HTML | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png","datePublished":"2023-06-10T21:04:49+00:00","dateModified":"2024-01-09T10:06:26+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e"},"description":"Acompanhe a tabela de cores HTML com mais de 100 valores preferidos pelos designers. Saiba como funcionam os sitemas Hexadecimal, RGB e HSL","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2019\/07\/gopher.png","width":444,"height":300,"caption":"Tela inicial do The Gropher Project"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/tutoriais\/tabela-de-cores-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Tabela de cores HTML: aplicando cores nas tags HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/a2154603d8bc4cfd0c3bda2c09c4017e","name":"Rafael Marques","description":"Especialista em Desenvolvimento Web e Marketing. \u00c9 apaixonado por tecnologia, empreendedorismo, audiovisual e animais. Em sua carreira, dedica-se ao empreendedorismo, al\u00e9m de atuar como Desenvolvedor Fullstack e redator t\u00e9cnico. Gosta de usar seu tempo livre para assistir a filmes, jogar, escrever, e passar um bom tempo brincando e mimando seus animais de estima\u00e7\u00e3o. Contato: rafael.blog@homehost.com.br","sameAs":["https:\/\/www.instagram.com\/rafamarquesrmb\/","https:\/\/www.linkedin.com\/in\/rafamarquesrmb\/"]}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3515"}],"version-history":[{"count":41,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3515\/revisions"}],"predecessor-version":[{"id":13067,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/3515\/revisions\/13067"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}