No mundo digital, as cores não são apenas representadas por seus, bem, cor, mas também códigos de seis dígitos. Esses “códigos hexadecimais” ou “cores hexadecimais” desempenham um papel muito importante no design. Explicaremos como tudo funciona.
Vermelho, Verde, Azul
Um código hexadecimal é composto de seis dígitos – geralmente precedidos pelo símbolo de cerquilha (#). Por exemplo, aqui está o código hexadecimal para preto puro: # 000000. Os números neste código correspondem à quantidade de vermelho, verde e azul na cor.
Os primeiros dois dígitos nos dizem quanto vermelho está na cor, os próximos dois dígitos são para verde e os dois últimos são para azul. Preto é a ausência de cor, por isso é “000000”. Não há presente vermelho, verde ou azul.
A quantidade de vermelho, verde ou azul pode estar no intervalo de 0-255. Mas espere, se cada cor tem apenas dois dígitos, e a escala vai até 255, como isso funciona? Isso realmente apresenta um problema. Você pode pensar que o vermelho puro seria # 2550000, mas isso tem mais de seis dígitos. Preparar-se.
Número e Cartas
Os códigos de cores hexadecimais não contêm apenas números. O código real para vermelho puro é # ff0000. Então, como essas letras se traduzem em cores? É um pouco complicado.
O sistema hexadecimal é baseado no número 16. Depois de descobrir quanto de uma cor você precisa – na escala de 0-255 – você divide por 16. O número que você obtém no topo da equação é o primeiro dígito, então o resto é o segundo dígito.
Agora, se esses dois números forem de um dígito, basta inseri-los em seus pontos no código hexadecimal. No entanto, se você terminar com um número de dois dígitos, ele precisará ser convertido em uma letra. Para isso, há uma conversa simples de fazer:
- 10 torna-se A
- 11 torna-se B
- 12 torna-se C
- 13 torna-se D
- 14 se torna E
- 15 torna-se F
Para voltar ao vermelho puro – que é # ff0000 – agora podemos ver que era #15150000 antes de ser convertido em letras. Uma cor mais complexa – como este tom de roxo (# 5f1e85) – tem mais detalhes, mas você sabe que qualquer letra é simplesmente um número maior do que 9.
Para que servem os códigos hexadecimais?
Agora sabemos o que é um código hexadecimal é, mas o que isso Faz? Um código de cor hexadecimal informa ao visor a cor a ser exibida. O display lê todas as informações sobre como fazer aquela cor a partir do código – e faz exatamente isso – ele cria a cor.
A combinação de vermelho, verde e azul pode criar virtualmente qualquer cor que os olhos possam ver. Você pode pensar em um código hexadecimal como uma receita culinária. Ele informa à TV, à câmera, ao monitor do computador, à tela do telefone ou ao projetor quanto de cada cor é necessário. Em seguida, ele os mistura para criar a cor final desejada.
Isso é tudo que há para códigos de cores hexadecimais. Eles podem parecer uma língua estrangeira, mas há uma fórmula muito específica que explica o significado de cada dígito. Agora você sabe um pouco mais sobre os códigos que vê no Photoshop e no Illustrator.
RELACIONADO: Qual é a diferença entre o Illustrator e o Photoshop?
Como Encontrar o Código Hex para uma Cor
Você sabe como um código hexadecimal é feito e como eles são usados, mas como você pode encontrar o código hexadecimal para uma cor? Felizmente, existem várias ferramentas online gratuitas para encontrar os códigos hexadecimais para qualquer cor em uma imagem.
Se você estiver procurando por um bom, recomendamos um site chamado image-color.com. Você pode fazer upload de uma imagem de seu dispositivo ou URL e usar a ferramenta conta-gotas para selecionar uma cor dela. Clique em “Procurar” para fazer o upload do seu ou cole um URL na caixa de texto e clique em “Fazer upload”.
Assim que a imagem for carregada, você pode clicar ou tocar em qualquer lugar para selecionar uma cor da imagem. A cor será exibida na parte superior junto com o código hexadecimal na caixa “HEX”.
Agora você pode pegar esse código hexadecimal e usá-lo no Photoshop, Illustrator ou onde você precisar. Isso é tudo que há para códigos de cores hexadecimais. Eles podem parecer uma língua estrangeira, mas há uma fórmula muito específica que explica o significado de cada dígito. Agora você sabe.
0 Comments