Entendendo as cores e seus códigos no mundo digital

Todos aqueles que já trabalharam com software de edição de imagem, ou simplesmente aqueles que já utilizaram um programa como o Photoshop, devem ter notado que ao selecionar ou indicar uma cor específica, para um elemento da imagem que está sendo editada, o programa nos oferece diferentes formatos para indicar a cor. Cada um desses formatos se refere aos diferentes códigos de cores usados ​​no mundo digital.

Neste artigo, explicaremos os códigos de cores mais usados ​​e como eles diferem entre si.

Vamos começar indicando que os códigos de cores mais importantes e mais usados ​​são os seguintes: RGB, HEX, HSL, HSV e CMYK.

RGB

O código de cores RGB é baseado no uso de três cores básicas para dar vida a um amplo espectro de cores. RGB significa Red Green Blue, precisamente as três cores nas quais o código RGB se baseia (Red, Green e Blue).

O código de uma determinada cor neste formato RGB contém um parâmetro vermelho, verde e azul com um valor específico, que está entre 0 e 255, e que estabelece a intensidade da cor vermelha, verde e azul.

Dito isso, vamos fazer um exemplo, a cor vermelha no código RGB seria indicada da seguinte forma rgb(255, 0, 0), onde o primeiro número indica a intensidade da cor vermelha (255), o segundo número a intensidade da cor verde (0) e o terceiro número indica a intensidade da cor (azul). Neste exemplo, a cor resultante é vermelha, pois o parâmetro com maior valor é o parâmetro correspondente à cor vermelha, enquanto os outros dois parâmetros têm valor zero adicionado.

HEX

Uma cor expressa em código hexadecimal, como #ff0000 (cor vermelha) é um código de 6 símbolos composto por até três pares de elementos de 2 símbolos. Cada par de elementos representa uma cor específica, ou seja, há um par de elementos para a cor vermelha, um para a cor verde e um para a cor azul. Por sua vez, cada par de elementos expressa a intensidade da cor que lhe corresponde e a indica com um valor de cor de 0 a 255.

Se quisermos transformar um código RGB em hexadecimal, a fórmula hexadecimal converterá cada valor RGB em um código alfanumérico exclusivo de 2 dígitos. Continuando com o exemplo, o código RGB (255, 0, 0) é E06910 em código hexadecimal.

Agora, por que escolher o código hexadecimal para postar qualquer outro?

Em princípio, uma das principais vantagens dos códigos hexadecimais deve ser destacada, que é permitir que sejam exibidas mais cores do que o olho humano pode apreciar, aproximadamente mais de 16 milhões de cores.

Por outro lado, a codificação hexadecimal é muito mais prática, pois o número de dígitos para cada cor será sempre de seis dígitos, diferentemente da codificação RGB, em que uma cor pode variar e ter até nove dígitos. Essa variação no número de dígitos de cada cor pode causar confusão para o usuário, enquanto que com a codificação hexadecimal essa confusão é eliminada, pois o número de dígitos de cada cor será sempre igual a seis.

HSL

Essa codificação de cores é baseada em três parâmetros, que são matiz, saturação e intensidade. Seu nome é a sigla em inglês para Hue, Saturation, Lightness.

Ao indicar uma cor no código HSL faremos da seguinte forma: hsl(0, 100%, 50%)

O primeiro valor que indicaremos será o valor do tom, que pode variar de 0 a 360, e onde é importante lembrar que 0 representa a cor vermelha, 120 representa a cor verde e 240 representa a cor azul. O segundo valor é um valor percentual e indica um valor de 0% a 100% em uma escala de cinza. O último valor é a luminosidade, que também é indicada em porcentagem, sendo 0% branco e 100% preto.

HSV

É muito semelhante ao código HSL, a única diferença é que o código HSV usa um parâmetro diferente, que é o parâmetro Value em vez do valor Lightness em HSL.

CMYK

Por fim, temos o código de cores CMYK. Esta codificação é amplamente utilizada na impressão a cores.

Uma cor nesta codificação é escrita em valores percentuais, como segue: cmyk(100%, 0%, 0%, 0%)

Cada parâmetro dessa codificação CMYK se refere às quatro placas de tinta usadas em algumas impressões coloridas: ciano, magenta, amarelo e chave, ou seja, ciano, magenta, amarelo e preto.

Conclusão

Em conclusão, vimos que os códigos de cores mais importantes e mais usados ​​são RGB, HEX, HSL, HSV e CMYK. Cada código de cores é caracterizado por ser baseado em diferentes parâmetros. O código de cores RGB faz uso de três cores básicas (vermelho, verde e azul) para dar vida a um amplo espectro de cores. HEX é um código que se baseia na utilização de 6 símbolos compostos por até três pares de elementos de 2 símbolos cada. HSL é baseado em três parâmetros, que são matiz, saturação e intensidade. O código HSV é muito semelhante ao HSL, com a única diferença de que ele altera um parâmetro, que é o parâmetro Value para a posição do valor Lightness no HSL. Por fim, temos a codificação CMYK onde cada parâmetro se refere às quatro placas de tinta utilizadas em algumas impressões coloridas: ciano, magenta, amarelo e chave, ou seja, ciano, magenta, amarelo e preto.