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.