RGB para cor HEX

Empacotando canais RGB em hex

Converta três canais RGB inteiros em uma cor hexadecimal de seis dígitos para a web. Escolha essa ferramenta quando um inspetor, aplicativo de desenho ou cor calculada fornecer canais vermelho, verde e azul, mas uma folha de estilo precisar de um token hexadecimal compacto. Você pode inserir rgb(42, 127, 220) ou simplesmente três inteiros de canal separados por vírgulas. O conversor não aceita porcentagens, canais fracionários ou um quarto valor alfa.

Cada canal vermelho, verde e azul é escrito como dois dígitos hexadecimais na ordem RRGGBB. O canal 42 é 2A na base dezesseis, 127 é 7F e 220 é DC, dando #2A7FDC. Cada canal usa exatamente dois dígitos, incluindo um zero à frente para valores abaixo de dezesseis. A letra hexadecimal maiúscula não muda a cor, embora a saída use letras maiúsculas para consistência.

Entendendo os modelos de cores

Pense na saída como três campos de canal de dois dígitos unidos após #. O resultado não tem canal alfa; essa ferramenta usa RGB inteiro e HSL convencional, não perfis de gerenciamento de cores. Escolha o formato esperado pelo local onde você vai colar o resultado. CSS aceita tanto a notação hexadecimal quanto as sintaxes rgb() e hsl(), mas um sistema de design ou programa de gráficos pode armazenar canais separadamente. Essa ferramenta usa a aritmética sRGB comum; ela não converte entre perfis de exibição nem prevê como cada monitor reproduzirá uma cor. Nem o HEX de três canais nem essas saídas RGB e HSL incluem transparência. Um código alfa de quatro ou oito dígitos precisa de uma operação separada. Os canais RGB inteiros e os decimais HSL exibidos também podem ser arredondados, portanto, uma conversão de ida e volta pode diferir em um valor de canal.

Escolhendo a representação certa

Por exemplo, vermelho 0, verde 16 e azul 255 produzem #0010FF: o par zero importa porque, caso contrário, as fronteiras entre os canais desaparecem. Não escale valores de porcentagens de olho; esta entrada espera inteiros, então converta porcentagens deliberadamente antes de inseri-las. Um token HEX colado pode ser verificado decodificando-o de volta para o trio RGB original. Essa viagem de ida e volta valida a aritmética, embora não diga nada sobre a calibração do monitor ou o contraste de acessibilidade contra um fundo. Se a opacidade for importante, mantenha-a em um campo separado.

Para uma verificação concreta, a entrada de exemplo rgb(42, 127, 220) produz #2A7FDC. Mantenha o original ao lado do resultado ao compará-lo com outro aplicativo. Para uma segunda verificação, insira o resultado exibido na ferramenta de cor reversa e compare-o com a entrada original. HEX e RGB inteiro podem passar por uma conversão de ida e volta sem alteração; porcentagens HSL podem arredondar um canal RGB por um. Mantenha o token de origem se essa distinção for importante.