O formato hexadecimal é uma das formas mais utilizadas para representar cores em páginas Web através do CSS.
Ele permite definir milhões de combinações de cores utilizando valores numéricos e letras.
Hexadecimal é um sistema de numeração baseado em 16 símbolos.
Ele utiliza números de 0 até 9 e letras de A até F.
| Símbolo | Valor |
|---|---|
| 0 - 9 | Valores numéricos |
| A - F | Valores de 10 a 15 |
Uma cor hexadecimal possui seis caracteres após o símbolo #.
#RRGGBB
Cada grupo representa uma intensidade de cor:
#1F4E79
| Parte | Representa |
|---|---|
| 1F | Quantidade de vermelho |
| 4E | Quantidade de verde |
| 79 | Quantidade de azul |
Cada componente da cor pode variar entre 00 e FF.
| Valor | Intensidade |
|---|---|
| 00 | Ausência da cor |
| FF | Intensidade máxima |
| Cor | Código |
|---|---|
| Vermelho | #FF0000 |
| Verde | #00FF00 |
| Azul | #0000FF |
| Branco | #FFFFFF |
| Preto | #000000 |
| Cinza | #808080 |
Quando os valores são repetidos, podemos utilizar apenas três caracteres.
#FFFFFF = #FFF
#000000 = #000
#FF0000 = #F00
body {
background-color:#f5f7fa;
}
h1 {
color:#1f4e79;
}
button {
background:#1f4e79;
}
| Formato | Exemplo |
|---|---|
| Nome | blue |
| Hexadecimal | #0000FF |
| RGB | rgb(0,0,255) |
| RGBA | rgba(0,0,255,0.5) |
Crie uma página HTML utilizando diferentes cores hexadecimal: