Conversor de RGB para hex

Este conversor de RGB para hex recebe três intensidades de canal — vermelho, verde e azul — cada uma como um número inteiro de zero a duzentos e cinquenta e cinco, e devolve a string hexadecimal CSS correspondente, como cerquilha ff oito zero zero zero, para laranja. Designers, desenvolvedores front-end e estudantes usam esse mapeamento todos os dias: ferramentas de design exportam triplas sRGB, folhas de estilo e tokens preferem o hex compacto de seis dígitos, e apostilas precisam de uma ponte reproduzível entre os dois. O mecanismo é totalmente determinístico: divide cada canal em nibbles alto e baixo, com divisão inteira por dezesseis e resto, mapeia cada nibble para um dígito de zero a nove e a a f, e nunca chama a rede, amostra aleatoriedade, ou depende do relógio.

O que significa a conversão de RGB para hex e o que a resposta contém

No modelo sRGB de oito bits, usado pelo CSS e pela maioria dos gráficos web, cada um de vermelho, verde e azul é um canal inteiro de zero (nenhuma dessa primária) a duzentos e cinquenta e cinco (intensidade total). Códigos de cor hexadecimais empacotam os mesmos três bytes em seis dígitos hex: dois dígitos para vermelho, dois para verde, e dois para azul, geralmente escritos com uma cerquilha inicial, para que uma folha de estilo possa usá-los como um valor de cor.

A conversão é a divisão clássica em nibbles: para um canal n, o dígito alto é o piso de n sobre dezesseis, e o dígito baixo é n módulo dezesseis; cada dígito mapeia para zero a nove, e depois a a f. Não há caminho que aceite porcentagens, canais em ponto flutuante, ou abreviação de três dígitos como entrada, e nenhum limite silencioso de duzentos e cinquenta e seis para duzentos e cinquenta e cinco.

Como r, g e b são lidos e como o hex permanece reproduzível

Espaços externos em canais de string são aparados; um sinal de mais opcional no início é permitido apenas quando os caracteres restantes são dígitos decimais que se convertem em um inteiro dentro do intervalo.

Um número JavaScript solto é aceito apenas quando é um inteiro finito dentro de zero a duzentos e cinquenta e cinco; valores como cento e vinte e oito vírgula cinco falham na validação, em vez de serem arredondados, e valores negativos ou de duzentos e cinquenta e seis para cima falham, com uma mensagem que nomeia o canal e afirma que ele precisa ficar dentro de zero a duzentos e cinquenta e cinco.

A conversão usa o alfabeto fixo de dígitos zero a nove e a a f, em cada nibble, para que a mesma tripla sempre produza a mesma string hex minúscula, entre execuções e plataformas. Zero mapeia para zero zero, duzentos e cinquenta e cinco mapeia para f f, e canais mistos, como quarenta e três, noventa e oito, oitenta e um, produzem o padrão familiar dois-b seis-dois cinco-um, usado em sistemas de design.

Onde a conversão de RGB para hex se encaixa no design, nos estudos e no software

Designers encontram esse mapeamento quando um guia de marca lista amostras RGB, e o arquivo CSS ou token do Figma precisa de códigos com cerquilha, quando um conta-gotas de captura de tela reporta vermelho verde azul, e o arquivo de tema armazena hex, ou quando uma verificação de acessibilidade precisa ecoar a mesma string de cor que a folha de estilo usa.

Estudantes veem isso em cursos de desenvolvimento web que introduzem cores CSS, em aulas de arte digital que transitam entre controles deslizantes de canal e seletores hex, e em aquecimentos de entrevista que pedem uma conversão mental de uma tripla curta. Ferramentas de produto e de educação usam a conversão quando um aluno ajusta três controles deslizantes, e a interface precisa mostrar a string hex ao vivo, sem uma ida e volta a uma biblioteca gráfica pesada.

Combine-a com ferramentas de cor multi-formato, quando precisar de HSL ou CMYK, e com outros conversores gratuitos e determinísticos, quando estiver montando um pequeno laboratório para higiene de sistema de design.