Como Usar as Tags de Cor de Fonte em HTML

Este artigo o ensinará a alterar a cor da fonte em um documento HTML. Embora a tag "font" esteja obsoleta no HTML5, é possível usar CSS para adicionar cores a o texto de uma página HTML. Caso esteja trabalhando com uma versão antiga do HTML, você pode usar a tag HTML "font color" conforme necessário.

Método 1

Método 1 de 2:

Usando CSS

Baixe em PDF

1
Selecione uma cor para o texto. Embora seja possível usar cores básica (como "vermelho") para o texto, é preciso usar um gerador de cor HTML para obter tons mais específicos:
- Para fazê-lo, acesse o endereço https://www.w3schools.com/colors/colors_picker.asp em um navegador de internet.
- Selecione a base da cor desejada para usar no hexágono no topo da página.
- Navegue pelo tom desejado no lado direito da página.
- Anote o código numérico de seis dígitos à direita da cor desejada.
2
Abra o documento HTML. Esse deve ser o documento cuja cor da fonte você deseja alterar.
- Caso ainda não o tenha criado, faça-o antes de continuar.
3
Encontre o texto cuja cor você deseja alterar. Navegue pelo documento até encontrar o parágrafo, cabeçalho ou outra forma de texto desejado.
4
Observe as tags do texto. Por exemplo, caso o texto seja um cabeçalho, você verá "<h1>" em sua frente.
5
Adicione as seções "head" e "style" no topo do documento. Para fazê-lo, digite <head> abaixo da tag "<html>", pressione a tecla ↵ Enter, digite <style> abaixo da tag "<head>", pressione a tecla ↵ Enter duas vezes e digite as tags de encerramento. Ao final, o código deverá ficar mais ou menos assim:
```
<!DOCTYPE html><html><head><style></style></head><body>
```
6
Insira a tag de estilo "color". Para fazê-lo, clique no espaço entre as tags "<style></style>", depois digite o seguinte código (substituindo red pelo código da cor, e "<h1>" pela tag do texto cuja cor você deseja alterar):
```
<h1> {       color: red;}
```

7

Reveja o documento. O cabeçalho da página deverá ficar mais ou menos assim:

<!DOCTYPE html><html><head><style><h1> {       color: red;}</style></head><body>

8
Padronize a cor do texto do corpo do documento. Se não quiser que o documento todo tenha a mesma cor, digite o seguinte código substituindo "black" pela cor desejada (em inglês):
```
body {       color: black;}
```
Publicidade

Método 2

Método 2 de 2:

Usando tags HTML

Baixe em PDF

1
Selecione uma cor para o texto. Embora seja possível usar cores básica (como "vermelho") para o texto, é preciso usar um gerador de cor HTML para obter tons mais específicos:
- Para fazê-lo, acesse o endereço https://www.w3schools.com/colors/colors_picker.asp em um navegador de internet.
- Selecione a base da cor desejada para usar no hexágono no topo da página.
- Navegue pelo tom desejado no lado direito da página.
- Anote o código numérico de seis dígitos à direita da cor desejada.
2
Abra o documento HTML. Esse deve ser o documento cuja cor da fonte você deseja alterar.
- Caso ainda não o tenha criado, faça-o antes de continuar.
3
Encontre o texto cuja cor você deseja alterar. Navegue pelo documento até encontrar o parágrafo, cabeçalho ou outra forma de texto desejado.
4
Adicione a tag de abertura "font". Clique imediatamente à esquerda do texto cuja cor você deseja alterar, e digite o seguinte código (substituindo "red" pela cor desejada (em inglês): ^{[1]XFonte de pesquisa}
```
<font color="red">
```
5
Encerre a tag "font". Clique no espaço à direita do texto em questão e digite </font>.
```
<font color="red">Este texto é vermelho!</font>
```
Publicidade

Dicas

Os códigos de cores HTML funcionam da seguinte forma: os dois primeiros dígitos referem-se aos tons de vermelho, os próximos dois aos tons de verde e os últimos dois aos tons de azul. Você pode usar qualquer valor entre "00" e "99" para indicar a quantidade de cada tom; usar "FF" em vez de um número usará a quantidade máximo da cor em questão (por exemplo, "0000FF" representa o tom mais azul possível).
Tente deixar a página fácil de ler. As cores claras demais são difíceis de ser lidas quando colocadas em um fundo branco; já as cores escuras, por outro lado, são mais difíceis de ser lidas em um fundo preto.
Os computadores antigos possuem um limite de 65.000 cores, e esse limite cai para 256 cores nos equipamentos ainda mais antigos. Ainda assim, 99% dos usuários da internet terá a capacidade de enxergar qualquer cor utilizada. ^{[2]XFonte de pesquisa}