O que é e como funciona a escala hexadecimal de cores

Eneo Lage

3 horas atrás

A escala hexadecimal de cores é uma das formas mais utilizadas para representar cores no ambiente digital. Presente em linguagens como HTML e CSS, esse sistema permite definir cores de maneira precisa usando números e letras.

Diferente de sistemas baseados apenas em números decimais, como o RGB tradicional, o formato hexadecimal utiliza a base 16, combinando números de 0 a 9 e letras de A a F. Cada cor é representada por um código que começa com o símbolo #, seguido por seis caracteres. Continue lendo para saber mais!

Como é formada uma cor hexadecimal

Um código hexadecimal normalmente segue este formato:

#RRGGBB

Cada par de caracteres representa a intensidade de uma das três cores primárias usadas em telas digitais:

RR → quantidade de vermelho (Red)
GG → quantidade de verde (Green)
BB → quantidade de azul (Blue)

Cada par pode variar de 00 até FF, indicando o nível de intensidade daquela cor.

Por exemplo:

#FF0000 → vermelho puro
#00FF00 → verde puro
#0000FF → azul puro

Quando apenas um dos canais está no valor máximo e os outros estão zerados, temos uma das cores primárias da luz.

Por que o sistema usa letras

O sistema hexadecimal trabalha com 16 símbolos, em vez de apenas 10 como no sistema decimal. A sequência funciona assim:

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

As letras representam valores numéricos:

A = 10
B = 11
C = 12
D = 13
E = 14
F = 15

Por isso, quando vemos um código como FF, ele representa o valor máximo dentro dessa escala. Em números decimais, FF equivale a 255, que é o nível máximo de intensidade para cada canal de cor.

Intensidade das cores

Cada componente da cor possui 256 níveis possíveis, indo de 00 (mínimo) até FF (máximo). Alterando esses valores, é possível criar milhares de variações de cores.

Veja alguns exemplos usando o vermelho:

#220000 → vermelho muito escuro
#880000 → vermelho médio
#FF0000 → vermelho intenso

Quanto maior o valor hexadecimal, maior será a intensidade daquela cor no resultado final.

Mistura de cores

Assim como no sistema RGB, as cores aparecem pela mistura das três cores básicas: vermelho, verde e azul.

Alguns exemplos clássicos:

#FFFF00 → vermelho + verde = amarelo
#FF00FF → vermelho + azul = magenta
#00FFFF → verde + azul = ciano

Essas combinações formam muitas das cores usadas em telas digitais.

Tons de cinza

Quando os três valores possuem o mesmo número, a cor resultante é um tom de cinza, porque as três cores estão equilibradas.

Exemplos:

#000000 → preto
#333333 → cinza escuro
#777777 → cinza médio
#CCCCCC → cinza claro
#FFFFFF → branco

Essa lógica é muito usada em design de interfaces para criar escalas de contraste.

Forma abreviada do hexadecimal

Em alguns casos, o código hexadecimal pode ser reduzido para apenas três caracteres. Isso acontece quando os pares possuem valores repetidos.

Por exemplo:

#FFFFFF pode ser escrito como #FFF
#000000 pode ser escrito como #000
#FF0000 pode ser escrito como #F00

Nesse formato, cada caractere representa dois dígitos iguais.

A origem da escala hexadecimal de cores

A representação de cores em formato hexadecimal tem origem na própria lógica da computação. Desde os primeiros sistemas digitais, os computadores passaram a utilizar o sistema numérico hexadecimal (base 16) como uma forma mais simples de representar valores binários.

Com o desenvolvimento das interfaces gráficas e das telas digitais, que utilizam o modelo de cores RGB (vermelho, verde e azul), esse sistema acabou sendo aplicado também à definição de cores. Cada canal de cor passou a ser representado por dois dígitos hexadecimais, variando de 00 a FF, formando o padrão #RRGGBB, que se popularizou principalmente com o crescimento da web e o uso de linguagens como HTML e CSS.

A escala hexadecimal representa todas as cores da tela?

A escala hexadecimal baseada no modelo RGB consegue representar milhões de cores diferentes, mas ainda assim possui limitações. Cada canal de cor: vermelho, verde e azul, pode variar de 00 a FF, o que resulta em mais de 16 milhões de combinações possíveis. Esse número é suficiente para reproduzir praticamente todas as cores exibidas na maioria das telas digitais.

No entanto, o sistema RGB não cobre todas as cores que o olho humano é capaz de perceber, pois algumas tonalidades muito intensas ou saturadas ficam fora do chamado gamut, ou seja, da faixa de cores que um monitor consegue reproduzir. Por isso, mesmo com milhões de variações disponíveis, a escala hexadecimal ainda está limitada ao espaço de cores que cada tela é capaz de mostrar.

Em resumo, os códigos de cores hexadecimais são uma ferramenta simples, mas poderosa, para definir cores em espaços digitais, por isso seguem em uso após tantos anos e continuam fazendo parte da cultura visual da era tecnológica.