Conversão de códigos de cores
Neste tutorial, veremos como diferentes códigos de cores podem ser combinados para fazer outras cores e como podemos converter códigos de cores RGB em hexadecimal e vice-versa.
Códigos de cores diferentes
Todas as cores aqui são do formato de 24 bits, o que significa que cada cor tem 8 bits de vermelho, 8 bits de verde, 8 bits de azul. Ou podemos dizer que cada cor tem três partes diferentes. Basta alterar a quantidade dessas três porções para fazer qualquer cor.
Formato de cor binária
Cor preta
Imagem:
Código Decimal:
(0,0,0)
Explicação:
Como foi explicado nos tutoriais anteriores, em um formato de 8 bits, 0 se refere a preto. Portanto, se temos que fazer uma cor preta pura, temos que fazer todas as três partes de R, G, B para 0.
Cor branca
Imagem:
Código Decimal:
(255.255.255)
Explicação:
Uma vez que cada porção de R, G, B é uma porção de 8 bits. Portanto, em 8 bits, a cor branca é formada por 255. Isso é explicado no tutorial do pixel. Então, para fazer uma cor branca, definimos cada porção em 255 e foi assim que obtivemos uma cor branca. Definindo cada um dos valores para 255, obtemos o valor geral de 255, o que torna a cor branca.
Modelo de cores RGB:
Cor vermelha
Imagem:
Código Decimal:
(255,0,0)
Explicação:
Como precisamos apenas da cor vermelha, zeramos o restante das duas partes que são verdes e azuis e definimos a parte vermelha para seu máximo, que é 255.
Cor verde
Imagem:
Código Decimal:
(0,255,0)
Explicação:
Como precisamos apenas da cor verde, zeramos o restante das duas partes que são vermelhas e azuis e definimos a parte verde para seu máximo, que é 255.
Cor azul
Imagem:
Código Decimal:
(0,0,255)
Explicação:
Como precisamos apenas da cor azul, zeramos o restante das duas partes que são vermelhas e verdes e definimos a parte azul para o seu máximo, que é 255
Cor cinza:
Cor: Cinza
Imagem:
Código Decimal:
(128.128.128)
Explicação
Como já definimos em nosso tutorial de pixel, essa cor cinza é na verdade o ponto médio. Em um formato de 8 bits, o ponto médio é 128 ou 127. Neste caso, escolhemos 128. Então, configuramos cada parte em seu ponto médio, que é 128, e isso resulta em um valor médio geral e obtemos a cor cinza.
Modelo de cores CMYK:
CMYK é outro modelo de cor em que c significa ciano, m significa magenta, y significa amarelo ek significa preto. O modelo CMYK é comumente usado em impressoras coloridas em que dois cárteres de cor são usados. Um consiste em CMY e o outro na cor preta.
As cores do CMY também podem ser feitas alterando a quantidade ou porção de vermelho, verde e azul.
Cor: Ciano
Imagem:
Código Decimal:
(0,255,255)
Explicação:
A cor ciano é formada pela combinação de duas cores diferentes, o verde e o azul. Portanto, definimos esses dois no máximo e zeramos a parte do vermelho. E temos a cor ciano.
Cor: Magenta
Imagem:
Código Decimal:
(255.0.255)
Explicação:
A cor magenta é formada pela combinação de duas cores diferentes que são o vermelho e o azul. Portanto, definimos esses dois no máximo e zeramos a parte verde. E temos a cor magenta.
Cor amarela
Imagem:
Código Decimal:
(255.255,0)
Explicação:
A cor amarela é formada pela combinação de duas cores diferentes que são o vermelho e o verde. Portanto, definimos esses dois no máximo e zeramos a parte de azul. E temos a cor amarela.
Conversão
Agora veremos como as cores são convertidas de um formato para outro.
Conversão de RGB para código Hex:
A conversão de Hex para rgb é feita por meio deste método:
Pegue uma cor. Por exemplo: Branco = (255, 255, 255).
Pegue a primeira porção, por exemplo, 255.
Divida por 16. Assim:
Pegue os dois números abaixo da linha, o fator e o restante. Nesse caso, é 15 15 que é FF.
Repita a etapa 2 para as próximas duas partes.
Combine todo o código hexadecimal em um.
Resposta: #FFFFFF
Conversão de Hex para RGB:
A conversão do código hexadecimal para o formato decimal rgb é feita dessa maneira.
Pegue um número hexadecimal. Por exemplo: #FFFFFF
Divida este número em 3 partes: FF FF FF
Pegue a primeira parte e separe seus componentes: FF
Converta cada uma das partes separadamente em binário: (1111) (1111)
Agora combine os binários individuais em um: 11111111
Converta este binário em decimal: 255
Agora repita a etapa 2, mais duas vezes.
O valor que vem na primeira etapa é R, o segundo é G e o terceiro pertence a B.
Resposta: (255, 255, 255)
As cores comuns e seus códigos hexadecimais foram fornecidos nesta tabela.
| Cor | Código Hex |
|---|---|
| Preto | # 000000 |
| Branco | #FFFFFF |
| cinzento | # 808080 |
| Vermelho | # FF0000 |
| Verde | # 00FF00 |
| Azul | # 0000FF |
| Ciano | # 00FFFF |
| Magenta | # FF00FF |
| Amarelo | # FFFF00 |