Definindo cores com # em CSS
O método de definir cores usando rgb
,
embora permita obter qualquer tom de qualquer cor,
ainda é um tanto complicado. Portanto, existe uma terceira opção
para definir uma cor - usando um valor
hexadecimal.
Para entender a essência deste método, você precisa
compreender o sistema numérico hexadecimal.
Nele, ao contrário do sistema decimal,
que usamos na vida cotidiana, não há
dez dígitos, mas dezesseis: 0
, 1
,
2
, 3
, 4
, 5
, 6
,
7
, 8
, 9
, A
, B
,
C
, D
, E
, F
-
como você pode ver, devido à falta de dígitos após
nove, são usadas letras.
Neste sistema, em vez de rgb
, é escrito
um sustenido #
, seguido por seis
caracteres. Os dois primeiros caracteres - cor vermelha,
os dois caracteres seguintes - verde, e os últimos dois
caracteres - azul. As cores também variam de
0
a 255
, mas no sistema
hexadecimal isso será de 00
a FF
.
No exemplo a seguir, o parágrafo é colorido de vermelho:
<p>
texto
</p>
p {
color: #FF0000;
}
:
Defina a cor #FFEEAA
para todos os parágrafos.
Defina o fundo de todos os parágrafos como #000000
e a cor do texto como #FFFFFF
. Quais cores
serão obtidas?
É dado o seguinte código:
p {
color: rgb(255, 200, 255);
}
Usando algum conversor, converta a cor para o formato hexadecimal.