Converter HSL para RGB

Converta uma cor HSL nos canais vermelho, verde e azul exigidos por muitas ferramentas gráficas, formatos de imagem e interfaces de software. Informe o matiz em graus e a saturação e luminosidade em porcentagens para receber três inteiros de 0 a 255. O conversor valida cada componente antes do cálculo; assim, um valor fora do intervalo gera um erro de entrada claro, em vez de uma cor inesperadamente ajustada ou circular. O cálculo puro e determinístico serve para verificações interativas, exemplos de documentação, pipelines de tokens de design e transformações automatizadas reproduzíveis.

Como entender os valores HSL

HSL descreve uma cor por meio de três conceitos que costumam ser mais fáceis de ajustar do que canais separados de vermelho, verde e azul. O matiz é um ângulo em um círculo cromático. 0 graus representa vermelho, 120 graus representa verde, 240 graus representa azul e 360 graus retorna à mesma posição vermelha de 0. A saturação controla quanto a cor aparece no resultado.

Com 0%, o matiz não tem efeito visível e a saída é um tom de cinza. Com 100%, a cor atinge o croma máximo disponível para o matiz e a luminosidade escolhidos. A luminosidade posiciona o resultado entre preto e branco. 0% é sempre preto, 50% oferece a forma mais forte de um matiz totalmente saturado e 100% é sempre branco.

Informe o matiz como número finito de 0 a 360 e a saturação e luminosidade como porcentagens finitas de 0 a 100. Os limites são aceitos. Valores fora desses intervalos são rejeitados, e não normalizados silenciosamente.

Isso ajuda a revelar tokens de design incorretos e impede que um matiz negativo ou uma porcentagem acima de 100 produza uma cor plausível, porém indesejada.

Como a conversão gera os canais RGB

Primeiro, o cálculo dimensiona o matiz em um círculo unitário e transforma as porcentagens de saturação e luminosidade em frações. Quando a saturação é 0, a cor é acromática; portanto, os três canais RGB recebem o mesmo valor derivado da luminosidade. Nos outros casos, o algoritmo calcula dois limites intermediários com base na saturação e luminosidade.

Em seguida, coleta três posições no círculo de matiz, separadas por um terço de volta: uma posição para vermelho, outra para verde e outra para azul. Uma interpolação por partes mapeia cada posição entre os limites intermediários. Por fim, cada fração de canal é multiplicada por 255 e arredondada para o inteiro mais próximo.

A resposta contém os campos vermelho, verde e azul, sempre como inteiros entre 0 e 255. Trata-se de aritmética determinística: não há acesso à rede, valores aleatórios, relógio, localidade nem estado armazenado. A conversão também considera 360 como a extremidade do círculo equivalente a 0, sem deixar de aplicar o intervalo fechado documentado.

Nenhuma entrada é limitada automaticamente, mantendo os erros de validação visíveis.

Como usar o resultado com segurança

Use os canais retornados sempre que um sistema solicitar valores RGB de oito bits. Uma folha de estilo pode inseri-los em uma expressão rgb(), uma rotina de imagem pode gravá-los em um pixel ou registro de paleta e uma compilação de tokens de design pode serializá-los para plataformas que não consomem HSL diretamente. Para uma verificação manual, informe uma cor conhecida: matiz 0, saturação 100 e luminosidade 50 produzem vermelho 255, verde 0 e azul 0.

Em automações, trate falhas separadamente das respostas bem-sucedidas: um campo ausente, um número não finito ou qualquer componente fora do intervalo é uma entrada inválida e deve ser corrigida, não repetida sem alteração. Preserve os valores HSL originais caso a equipe de design precise fazer ajustes perceptuais depois, pois esta capacidade realiza somente a conversão direta e não deduz o HSL original a partir de RGB.

Como a saída usa inteiros, ela já está pronta para consumidores RGB convencionais, sem outra política de arredondamento que possa causar diferenças de uma unidade entre aplicativos.