Linguagem HTML 5 Representação de cores em HTML
Linguagem HTML 5
Representação de cores em HTML
As cores em HTML podem ser definidas por palavras-chave – nomes de cores em inglês:
Tabela 2.1. Cores padrão em HTML
Nome em HTML Nome em português Código em RGB
aqua azul marinho #00ffff
black preto #000000
black preto #000000
blue azul #0000ff
fuchsia fúcsia #ff00ff
grey cinza #808080
green verde #008000
lime verde claro #00ff00
maroon marrom escuro #800000
navy azul escuro #000080
olive verde oliva #808000
purple roxo #800080
red vermelho #ff0000
silver prata #c0c0c0
teal azul-petróleo #00808
white branco #ffffff
yellow amarelo #ffff00
Mas o computador pode exibir muito mais – cerca de 16 milhões –
de cores. Uma maneira alternativa de definir a cor é especificar o código da cor
no sistema RGB (do inglês red, green, blue – vermelho, verde, azul). A essência
do sistema é que qualquer cor pode ser representada como
uma mistura das cores básicas – vermelho, verde e azul. A cor é registrada
na forma de um código de 6 caracteres.
16 Tema 2
O código é um número hexadecimal de 000000 a FFFFFF.
Os dois primeiros dígitos correspondem ao componente vermelho, os dois seguintes ao
verde e os dois últimos ao azul. O valor 00 significa ausência total do
componente, enquanto o valor FF (255) significa o máximo do componente. Como
dígitos hexadecimais, são usados os dígitos decimais de 0 a 9 e as letras latinas
de A a F para designar os dígitos de 10 a 15. Assim,
obtêm-se 2563 ≈ 16,7 milhões de cores – o suficiente para reproduzir
qualquer cor que o olho humano consegue distinguir.
Por exemplo: FF0000 – vermelho vivo (red)
00FF00 – verde vivo (green)
0000FF – azul vivo (blue)
FFFF00 – amarelo (yellow) – mistura de vermelho e verde
000000 – preto (black)
FFFFFF – branco (white)
O valor da cor é indicado na tag após o símbolo de cerquilha (#).
Por exemplo, para o texto:
<font color="#808080">texto cinza</font>
Para o fundo de toda a página na tag body, atributo bgcolor:
<body bgcolor="# FFFF00">fundo amarelo</body>
É difícil escolher o valor do código sozinho, por isso são usados instrumentos especiais.
Por exemplo, pode-se digitar no Yandex a consulta “escolha de cor”:
Linguagem HTML 17
Todos os editores gráficos possuem ferramentas semelhantes:
Figura 2.2. Caixa de diálogo para seleção de cores no editor GIMP.
Demonstre a seleção de cores no editor que será usado
no curso.
Não use nomes em cirílico para arquivos e pastas – dê a eles nomes em inglês!
A primeira página sempre se chama index.html.
Recursos na Internet
• Criação de um documento HTML. http://stepbystep.htmlbook.ru/?id=2
• Características do HTML. http://stepbystep.htmlbook.ru/?id=3
• Estrutura do código HTML. http://stepbystep.htmlbook.ru/?id=4
• Tags HTML. http://stepbystep.htmlbook.ru/?id=5
18 Tema 2
Tarefas:
a) Crie uma página HTML com o seguinte conteúdo:
Meu primeiro site!
(este é um exemplo)
Sobrenome Nome Pai
Nome da página – “Minha primeira página”. Sobrenome, nome e nome do pai
devem ser exibidos em cores diferentes. Nome do arquivo – index.html. Defina
uma cor de fundo para a página: escolha uma cor que não dificulte a leitura
do texto.
b*) Crie uma página HTML com a frase: “Todo caçador deseja saber onde
está o faisão”. Cada palavra deve ter a cor correspondente: vermelho,
laranja, amarelo, verde, azul, azul, violeta. Dê à página
o título “Arco-íris”.
Instrução: para obter os códigos das cores, use a seleção de cores no Yandex
ou uma ferramenta semelhante.
Nos sabemos Como criar um site
https://telegra.ph/Criar-Sites-09-26
https://telegra.ph/Entendendo-sobre-o-WWW---Criar-Sites-09-26
https://telegra.ph/A-linguagem-HTML---Site-Design-Brasil-Criar-Sites-09-26
https://telegra.ph/Linguagem-HTML-5-Representa%C3%A7%C3%A3o-de-cores-em-HTML-09-26
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-e-css.html
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-css-e-java-script.html