Conversor de cores - Hex para RGB ou RGB para Hex

Como funciona a conversão de cores?

A ferramenta permite ao usuário converter cores que estão no formato RGB para Hexadecimal e também do formato Hexadecimal para o código RGB. O usuário pode manualmente editar o código das cores nos campos desejados e quando o sistema identificar que o novo código de cor é válido os outros códigos serão alterados para corresponder com a mesma cor inserida.

RGB para Hexadecimal

Para converter do formato RGB para Hexadecimal o usuário pode alterar os valores R, G e B individualmente ou inserir um novo código RGB no campo de texto que mostra o código RGB da cor atual. Quando uma cor RGB é alterada por uma nova cor válida o código RGBA e Hexadecimal são alterados simultaneamente para corresponder com a nova cor, o que permite o usuário adquirir o código Hexadecimal com facilidade.

Hexadecimal para RGB

Para converter do formato Hexadecimal para RGB o usuário deve substituir o valor no campo de texto que mostra a cor em Hexadecimal por um novo código válido, desta forma as cores no formato RGB e RGBA serão atualizadas para corresponder com a nova cor inserida.

RGBA

O formato RGBA possuí um canal alfa que permite a utilização do artifício de transparência de imagem, o usuário deve selecionar um valor entre 0 e 1 no campo acima e copiar o código RGBA gerado. Quando o alterar qualquer código de cor por um novo valor válido o código RGBA será atualizado para corresponder com a nova cor inserida.

Como converter de RGB para Hexadecimal?

O código RGB representa a combinação das cores primárias: vermelho, verde e azul. Além disso, o código é baseado no sistema numérico decimal, ou seja, possui 10 algarismos: 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9 que são usados para definir todos os números do sistema. O sistema de cores Hexadecimal também usa como referência a combinação das cores primárias, porém é baseado no sistema de numeração Hexadecimal, ou seja, possui 16 caracteres que são representados pelos números 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9 e as letras a, b, c, d, e, f.

Para obter a representação Hexadecimal do código rgb(0,180,216) será necessário analisar os três números do código RGB, que estão separados por vírgulas, e individualmente efetuar a divisão por 16 para identificar o primeiro dos 2 dígitos da sequência Hexadecimal, e sucessivamente multiplicar a parte decimal por 16 para obter o segundo dígito. Ambos dígitos obtidos com o processo descrito acima devem ser convertidos para o sistema de números Hexadecimal, isto é, começando do 0 a 9 e após isso do a até f.

Primeiro valor

Etapa 1: 0 dividido por 16 resulta em 0;

Etapa 2: Identificamos que o resultado da divisão e a parte decimal é zero;

Etapa 3: Temos que o primeiro e segundo dígito serão representados pelo caracteres f em ambas posições.

Segundo valor

Etapa 1: 180 dividido por 16 resulta em 11.25;

Etapa 2: Devemos lembrar que começamos a contagem do 0 a 9 e depois do a até o f, logo 11 é representado pelo caractere b;

Etapa 3: Pegamos o resto e multiplicamos por 16. 0.25 * 16 = 4. Temos então que o quarto dígito é 4.

Terceiro valor

Etapa 1: 216 dividido por 16 resulta em 13.5;

Etapa 2: O valor 13 é representado pelo caractere d e está presente na quinta posição do nosso código Hexadecimal;

Etapa 3: Pegamos o resto e multiplicamos por 16. 0.5 * 16 = 8. Logo 8 é o nosso sexto e último dígito.

Código Hexadecimal obtido: #ffb4d8

Como converter de Hexadecimal para RGB?

Para obtermos a representação RGB do código #ffb4d8 devemos primeiro dividir o código em sequências de 2 dígitos e analisar cada parte da sequência individualmente, obter a representação decimal do primeiro dígito, multiplicar por 16 e somar o resultado obtido com o valor decimal do segundo dígito. Repetindo esta etapa para cada parte da sequência os usuários podem obter a representação RGB do código apresentado acima.

Primeiro valor

Etapa 1: O dígito 0 no sistema decimal também é representado com o algarismo 0.

Etapa 2: Multiplicando 16 por zero obtemos 0 como resultado.

Etapa 3: Somando 0 com 0, obtemos 0.

Etapa 4: Logo, a representação no sistema RGB é 0

Segundo valor

Etapa 1: O dígito b é representado pelo valor 11 no sistema decimal;

Etapa 2: O valor 11 multiplicado por 16 resulta no valor 176;

Etapa 3: O dígito 4 é representado pelo valor 4 no sistema decimal;

Etapa 4: A soma dos valores 176 e 4 resulta em 180.

Terceiro valor

Etapa 1: O dígito d é representado pelo valor 13 no sistema decimal;

Etapa 2: O valor 13 multiplicado por 16 resulta no valor 208;

Etapa 3: O dígito 8 é representado pelo valor 8 no sistema decimal;

Etapa 4: A soma dos valores 208 e 8 resulta em 216.

Código RGB obtido: rgb(0, 180, 216)