O que é um código hexadecimal para cores?


0

Código hexadecimal.

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

códigos de cores hexadecimais

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”.

Faça upload de uma imagem para escanear.

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”.

Selecione uma cor para ver o código hexadecimal.

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.


Like it? Share with your friends!

0

What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win

0 Comments

Your email address will not be published. Required fields are marked *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format