Os Códigos HEX ou hexadecimais são uma maneira de exibir uma cor. Eles também representam as cores RGB/RGBA, mas são exibidos em hexadecimal (hex é a abreviação de hexadecimal). O nome "hexadecimal" se refere ao fato de códigos desse tipo serem compostos por seis caracteres.
Os códigos hexadecimais são usados em substituição ao nome de uma cor e podem ser mais personalizados. Você pode usar um site para criar um código hexadecimal ou descobrir por conta própria.
Um código hexadecimal ficará assim: #001122. Pode ter números e letras A-F. A representa 10, B representa 11, C é 12, D é 13, E é 14 e F é 15. Os primeiros dois dígitos são o valor vermelho, os próximos dois verdes e os dois últimos, azuis. #FF0000 seria vermelho simples, porque o valor vermelho é FF e o verde e o azul são 0.
Códigos hexadecimais simples, como o #FF0000, podem ser exibidos com apenas 3 números/letras, como: #F00, desde que a proporção entre os números e as letras permaneça a mesma - os dois 'f's são representados por apenas um ' f', então os quatro '0's são representados com apenas dois zeros - portanto, a mesma proporção - o número de letras/números que cada letra/número tem permanece o mesmo.
Principais cores em código hexadecimal[]
A tabela a seguir é uma lista das principais cores utilizadas e seus respectivos códigos em HEX.
Usos[]
Os códigos hexadecimais são uma forma amplamente utilizada de determinar a cor do seu código; adicione color:[Hex Code]; à sua string de codificação e sua obra-prima também deverá ser colorida.
Pode ser usado para determinar a cor das bordas:
Backgrounds:[]
Texto:[]
Código: <span style="color:#008B8B;">O texto vai aqui</span>
Text Shadow:[]
Código: <span style="text-shadow: 1px 2px 2px #008B8B">O texto vai aqui</span>
Box-Shadow:[]
Código:
Linear gradient background:[]
Código: <span style="background: linear-gradient(to left,#6699ff, #008B8B)">O texto vai aqui</span>
Radial gradient background:[]
Código: <span style="background: radial-gradient(#6699ff, #008B8B)">O texto vai aqui</span>
Links de suporte/geradores[]
- Gerador de cores da Random.org
- Seletor de cores do Google
- Códigos das cores
- Lista de cores hexadecimais na Wikipédia (em inglês)