Números hexadecimais, muitas vezes abreviados para “números hexadecimais” ou “hexadecimais”, são números representados na base 16 em oposição à base 10 que usamos para a aritmética e contagem diária.

Em termos práticos, isto significa que cada coluna de um número escrito em hexadecimal pode representar até 16 valores.

Em programação, prefixamos constantes hexadecimais com 0x, com algumas exceções.

Exemplos e explicação

0x1 == 10xF == 150xFF == 2550xFFF == 40950x1000 == 4096

No sistema base 10 padrão, cada coluna representa potências crescentes de 10, enquanto na base 16 cada coluna representa potências crescentes de 16.

Como visto no exemplo da tabela acima, com um dígito hexadecimal podemos representar números até 15 inclusive. Adicione outra coluna e podemos representar números até 255, 4095 com outra coluna, e assim por diante.

Uses of Hexadecimal in Low Level Programming

Hexadecimal encontrou pela primeira vez o seu uso na Ciência da Computação como um recurso de conveniência.

Data in our computers has a lowest common storage unit, the Byte. Cada byte contém 8 bits, e é capaz de armazenar um número entre 0 e 255 inclusive.

Hexadecimal tem a vantagem de ser ter um limite terso e bem definido.

Um único byte é sempre representado por dois dígitos hexadecimais de 0x00 a 0xFF, sendo este último o maior valor por byte de 255,

A concisão e a natureza alinhada dos números hexadecimais fazem deles uma escolha popular para engenheiros de software que trabalham em bases de código de baixo nível ou software embarcado.

Uses of Hexadecimal Numbers in JavaScript

JavaScript supports the use of hexadecimal notation in place of any integer, but not decimals.

As an example, the number 2514 in hexadecimal numbers is 0x9D2, but there is no language-supported way of representing 25.14 como um número hexadecimal.

Usar hexadecimal em seu código é uma escolha pessoal e estilística, e não tem efeito na lógica subjacente que seu código implementa.

Usos de números hexadecimais em CSS

CSS tem usado por muito tempo a notação hexadecimal para representar valores de cores. Considere o seguinte seletor:

.my-container { background-color: #112233; color: #FFFFFF;}

O valor de background-color é na verdade três bytes hexadecimais.

O processador CSS trata-os como três bytes individuais, representando Vermelho, Verde e Azul.

No nosso exemplo, 11 corresponde ao componente de cor Vermelha, 22 corresponde ao componente de cor Verde, e 33 ao componente de cor Azul.

De momento não há como a partir do CSS3 definir uma cor com um componente alfa usando hexadecimal. O CSS4 Draft1 proposto inclui uma proposta para permitir um byte extra para especificar valores alfa.

Por enquanto, o uso da função padrão rgba() é a forma recomendada para adicionar um valor alfa às suas cores.