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.
Conteúdo
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)