Cores

O HTML possui cores para que você possa utilizar sem seus sites. Adicionar cores no HTML é bastante simples. Neste artigo, vou explicar passo a passo como escolher e como aplicar cores em HTML.

Usando cor em textos no HTML

O jeito mais simples de usar cores é através do atributo de cor de cada elemento. Veja o exemplo abaixo.

<h2 style="color:orange;">Cor Laranja para o subtítulo</h3>

Você também pode alterar textos ao seu critério, conforme o exemplo abaixo:

<p style="color:DodgerBlue;">Cor de parágrafo</p>

Alterando a cor de fundo

Você pode alterar o fundo de um documento HTML usando o atributo bgcolor do elemento Body.

<body bgcolor="#000000">

Como veremos no tutorial sobre CSS, o correto é utilizar estas folhas de estilo para configurar fundos globais para páginas.

Cores em HTML

No HTML, nós podemos usar cores pelo nome, por RGB, por HEX, por HSL, HSLA e por RGBA.

Usando cores pelo nome

Os navegadores modernos suportam 140 nomes de cores diferentes.

  • Tomato
  • Orange
  • DodgerBlue
  • MediumSeaGreen
  • Gray
  • SlateBlue
  • Violet
  • LightGray

Usando cores por Hex

Sem dúvida, o jeito mais comum de usar cores no HTML é através do uso hexadecimal. Simplesmente adicione o atributo style e depois a cor que você deseja.

<p style="color:#FF0000";>Texto com a cor vermelho</p>

Usando cores RGB

Outra forma que você pode usar para especificar cores no HTML é através do RGB, usando a seguinte fórmula.

rgb(red, green, blue)