Como Funcionam as Cores em Hexadecimal

Em algumas situações você precisa configurar uma cor personalizada para algo que você esteja fazendo, como configurar o esquema de cores no SysLinux, nos emuladores de terminal RXVT ou XTerm, e até mesmo em alguns projetos que usam o código hexadecimal para configurar as cores. Por isso é preciso entender como as cores são configuradas nesse padrão.

[ Hits: 1.084 ]

Por: Mauricio Ferrari em 13/11/2020 | Blog: http://linguagemcfacil.mozello.com/


Conclusão



O foco desse artigo não foi focar na parte prática de criação ou conversão em relação ao código RGB em hexadecimal, mas sim estabelecer um melhor entendimento em relação a forma como as cores são implementadas em nossas tecnologias, pois grande parte dos aparelhos TVs, monitores etc usam o esquema de cores RGB, ou seja, o objetivo foi garantir o aprendizado em relação a uma aplicação tão simples e, que ao mesmo tempo, tem consigo uma vasta bagagem de conhecimento relacionados a forma como nossos olhos simplesmente enxergam o mundo.

Mesmo assim, estará a disposição esse link que fará essa conversão para você:
Enquanto buscamos entender o que cada campo fazia no esquema de cores em hexadecimal, vimos o quanto é bem fundamentada sua implementação e de quebra foi possível relacionar outro esquema de cores ao RGB, o CMYK, porém esse foi aplicado na tecnologia de impressão. Vimos também que o esquema tradicional de cores primárias não serviu para isso, pois a produção de cores por meio da luz exigiu um esquema de diferente combinações de cores, o que fez com que o sistema convencional de cores primárias ficasse apenas restrito a parte artística.

É claro que existem outros métodos além do RGB e do CMYK, mas os mesmos não foram mencionados, pois o foco foi o entendimento do código RGB em sua forma hexadecimal. E assim, concluímos mencionando o quanto pode ser interessante a história por trás de um simples #FA103AF7.

REFERÊNCIAS

Imagens:
Texto:
Página anterior    

Páginas do artigo
   1. Introdução
   2. Formação das cores na natureza
   3. O código hexadecimal
   4. Conclusão
Outros artigos deste autor

LXQT Desktop no Slackware

Como Funciona a Resolução de Dependências no Gslapt

LXDE Desktop no Slackware

Placas de vídeo que já perderam o suporte no Linux

Liberando Memória ajustando o Tamanho das Strings em C

Leitura recomendada

Como instalar o A2Billing (x)Ubuntu

Atualizando o Gnome no Slackware com Dropline

HOWTO - Usando PSP no Gentoo Linux

VPS - Tutorial - Crie seu servidor

Habilitando som nas animações em flash no Ubuntu

  
Comentários
[1] Comentário enviado por fabio em 13/11/2020 - 14:46h

Quando li o título do artigo não me animei muito, mas depois que comecei a leitura, me surpreendeu. Muita informação boa, muita coisa que eu nem sonhava em saber. Parabéns!

[2] Comentário enviado por mauricio123 em 13/11/2020 - 21:57h


[1] Comentário enviado por fabio em 13/11/2020 - 14:46h

Quando li o título do artigo não me animei muito, mas depois que comecei a leitura, me surpreendeu. Muita informação boa, muita coisa que eu nem sonhava em saber. Parabéns!


Obrigado.

[3] Comentário enviado por mauricio123 em 13/11/2020 - 22:02h


Realmente exigiu um esforço de minha parte. Quando fui pesquisar sobre isso para me ajudar com um arquivo de configuração, percebi que reunindo todas essas informações eu conseguiria criar um bom artigo. Também percebi que é muito difícil encontrar um conteúdo tão completo em relação a esses temas, o que me motivou a construir esse artigo.

___________________________________________________________
[code]Conhecimento não se Leva para o Túmulo.
https://github.com/MauricioFerrari-NovaTrento [/code]

[4] Comentário enviado por cizordj em 13/11/2020 - 23:13h

Essa explicação do CMYK explodiu a minha mente, muito boa!

[5] Comentário enviado por -josinaldo- em 14/11/2020 - 09:02h

Excelente contribuição, muito bom mesmo.
Parabéns.

[6] Comentário enviado por mauricio123 em 14/11/2020 - 11:22h


Valeu o apoio pessoal.

___________________________________________________________
[code]Conhecimento não se Leva para o Túmulo.
https://github.com/MauricioFerrari-NovaTrento [/code]

[7] Comentário enviado por msoliver em 15/11/2020 - 20:28h

Muito bom o material, Mauricio.
Tenho algumas poucas ressalvas:
#FF000000 ou #F5F5F5. O primeiro exemplo é configurado usando 8 espaços hexadecimais e forma o preto.
#ff000000, é o vermelho com 0 de saturação, logo, a cor apresentada é a "branca"
#FF000000, é uma cor representada no padrão RGBA, convertida para HEX.
Isso pode ser visto no navegador, pressionando F12, aba Elements.
O CÓDIGO HEXADECIMAL:
O código RGB é representado de 0 a 255.
Isso significa que é possível obter 255 tonalidades de azul, 255 de tonalidades de verde e 255 tonalidades de vermelho (255 e não 256, o zero não conta).
São 256 combinações, de 0 a 255 temos 256: 16×16
hex={0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F}
eval echo $hex$hex|wc -w
256
Assim como no sistema decimal, temos dez combinações, de 0 a 9.
Bem interessante: https://www.w3schools.com/colors/
______________________________________________________________________
Att.: Marcelo Oliver

[8] Comentário enviado por xerxeslins em 16/11/2020 - 08:21h

Que artigo! Favoritado.


--
"There are lots of Linux users who don't care how the kernel works, but only want to use it. That is a tribute to how good Linux is." - Linus Torvalds

[9] Comentário enviado por diegomrodrigues em 16/11/2020 - 08:58h

Belo artigo. Parabéns!

Abraço,
Diego M. Rodrigues

[10] Comentário enviado por mauricio123 em 16/11/2020 - 13:31h


[7] Comentário enviado por msoliver em 15/11/2020 - 20:28h

Muito bom o material, Mauricio.
Tenho algumas poucas ressalvas:
#FF000000 ou #F5F5F5. O primeiro exemplo é configurado usando 8 espaços hexadecimais e forma o preto.
#ff000000, é o vermelho com 0 de saturação, logo, a cor apresentada é a "branca"
#FF000000, é uma cor representada no padrão RGBA, convertida para HEX.
Isso pode ser visto no navegador, pressionando F12, aba Elements.
O CÓDIGO HEXADECIMAL:
O código RGB é representado de 0 a 255.
Isso significa que é possível obter 255 tonalidades de azul, 255 de tonalidades de verde e 255 tonalidades de vermelho (255 e não 256, o zero não conta).
São 256 combinações, de 0 a 255 temos 256: 16×16
hex={0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F}
eval echo $hex$hex|wc -w
256
Assim como no sistema decimal, temos dez combinações, de 0 a 9.
Bem interessante: https://www.w3schools.com/colors/
______________________________________________________________________
Att.: Marcelo Oliver



sim são 256 combinações, apenas desconsiderei a cor nula. Eu deveria ter considerado de fato. Vou revisar.

#FF000000 : Eu usava como preto no syslinux, e funcionava, vai entender.

[11] Comentário enviado por mauricio123 em 16/11/2020 - 13:36h


[8] Comentário enviado por xerxeslins em 16/11/2020 - 08:21h

Que artigo! Favoritado.


--
"There are lots of Linux users who don't care how the kernel works, but only want to use it. That is a tribute to how good Linux is." - Linus Torvalds



valeu.

[12] Comentário enviado por mauricio123 em 16/11/2020 - 13:37h


[9] Comentário enviado por diegomrodrigues em 16/11/2020 - 08:58h

Belo artigo. Parabéns!

Abraço,
Diego M. Rodrigues


valeu.

[13] Comentário enviado por ederlepaus em 17/11/2020 - 10:59h

Muito bom o conteúdo, sou do segmento de impressão e gostaria de entender mais sobre o assunto voltado para Linux, ajudou muito!
Nós da www.ducoprint.com.br, buscamos entender sempre o que é o melhor para o mercado de impressão.

[14] Comentário enviado por ruankennedy em 20/11/2020 - 11:38h

Cara acompanho esse mundo do Linux para criar um servidos para o meu site https://npximports.com.br porém é meio complicado ai uso a plataforma do mercado shops, andei estudando cores mais relevantes em HEX para o meu site porém o Mercado Shops não me permite altera-las. Depois vou pesquisar alguem que faça esse trabalho aqui no grupo.


Contribuir com comentário