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.