Conversor HSL para RGB

Como converter HSL para RGB

Inserir HSL
Matiz (0–360°), saturação e luminosidade (0–100 %).
Ver RGB
Vermelho, Verde e Azul (0–255 cada) são calculados e mostrados.
Copiar ou usar
Copie os valores RGB para CSS, software de design ou código.

Por que converter HSL em RGB?

Converter HSL em RGB melhora a compatibilidade na web, oferece controle preciso dos canais, apoia o design e garante representação confiável das cores.

Vantagens do RGB

Desenvolvimento web: Valores RGB em CSS e na web
Controle preciso: Acesso aos canais vermelho, verde e azul
Ferramentas de design: Compatível com software frequente
Manipulação de cor: Ajustar cada canal em separado
Suporte amplo: Padrão nas plataformas digitais

HSL vs RGB: a diferença

Compreender HSL e RGB ajuda a escolher o formato certo.

Características do HSL

Modelo matiz, saturação, luminosidade
Representação intuitiva
Luminosidade e saturação fáceis de ajustar
Comum em ferramentas de design
Frequentemente mais intuitivo para escolher cores

Características do RGB

Valores Vermelho, Verde, Azul
Cada componente de 0 a 255
Controle de cor mais preciso
Formato padrão em design digital
Compatível com todas as ferramentas de design

O matiz dá a volta, e o cinza não tem nenhum

O matiz é um ângulo, e os ângulos se comportam de forma diferente dos outros dois canais — com resultados surpreendentes se você os tratar como números comuns.

0 e 360 são o mesmo ponto — 720 também, e -60 igualmente, que é 300. Qualquer matiz é reduzido a uma volta completa, por isso um valor muito fora de 0-360 continua dando uma cor sensata.
São aceitas quatro unidades — 120, 120deg, 0.333turn, 133.33grad e 2.094rad significam o mesmo matiz. As ferramentas de design e o CSS usam várias, e colar a errada é um erro comum que esta página absorve.
Com 0% de saturação o matiz não faz nada — Qualquer matiz dá o mesmo cinza. Aqui o matiz não se perde: fica no campo, para que, ao subir a saturação, você chegue onde queria.
O resultado é arredondado a 8 bits — Os canais RGB são inteiros de 0 a 255, por isso dois valores HSL muito próximos podem dar o mesmo trio RGB. É uma propriedade do destino, não da conversão.

Quando converter HSL em RGB

Quando precisar de controle preciso, compatibilidade com ferramentas ou fluxos baseados em RGB.

Casos de uso ideais

Desenvolvimento web: RGB em CSS e JavaScript
Software de design: Converter para aplicativos RGB
Manipulação de cor: Ajustar canais individuais
Projetos digitais: Representação precisa
Programação: RGB em código e scripts

Fatos sobre HSL → RGB

Informação para decidir com confiança.

Estatísticas-chave

HSL: matiz 0–360, saturação e luminosidade 0–100 %
RGB: vermelho, verde e azul de 0 a 255
A conversão mantém a cor
HSL é frequentemente mais intuitivo na escolha
RGB é mais preciso na manipulação por canal

Boas práticas

Para conversões HSL → RGB confiáveis.

Qualidade

Verifique os valores HSL antes da conversão
Use intervalos válidos (H: 0–360; S e L: 0–100 %)
Confirme a exatidão do RGB
Teste as cores no aplicativo de destino
Leve em conta espaço de cor e gamut

Quando não converter

Não converta se o HSL bastar
Mantenha HSL nas ferramentas que o suportam
Evite a conversão se o formato não for relevante
Não converta se o aplicativo aceitar HSL diretamente

Limitações e compatibilidade

A conversão roda no dispositivo; requer JavaScript e dispositivo recente.

Com algoritmos otimizados de processamento de imagem.

Os outros conversores de cor

Perguntas frequentes

Como funciona o conversor de HSL para RGB?

Insira um matiz de 0 a 360 graus, além das porcentagens de saturação e luminosidade, e a ferramenta aplica a fórmula padrão de HSL para RGB para calcular cada canal. Os valores de vermelho, verde e azul de 0 a 255 e uma pré-visualização ao vivo se atualizam de imediato enquanto você ajusta.

Quais são os intervalos válidos de HSL?

O matiz é um ângulo na roda de cores de 0 a 360 graus, onde 0 é vermelho, 120 é verde e 240 é azul. A saturação e a luminosidade são porcentagens de 0 a 100; a saturação controla a intensidade e a luminosidade vai do preto, passando pelo matiz puro, até o branco.

Por que converter HSL para RGB?

O HSL é intuitivo para escolher e ajustar cores, pois altera matiz, saturação e luminosidade em separado, mas as telas e muitas API esperam RGB. Converter permite desenhar em HSL e depois exportar valores RGB prontos para produção em CSS, canvas e outros fluxos baseados em RGB.

A conversão de HSL para RGB é exata?

Sim. A conversão usa o padrão de HSL para RGB definido matematicamente, por isso a mesma cor é representada fielmente em ambos os formatos. Os valores de canal são arredondados ao inteiro mais próximo de 0 a 255, a precisão exata que as telas e o CSS usam para mostrar cor.

As minhas cores ficam privadas?

Sim. Todo o cálculo acontece localmente no seu dispositivo, por isso as entradas HSL e a saída RGB nunca são enviadas para um servidor nem salvas. Tudo roda no seu dispositivo, não nos nossos servidores, o que mantém a sua paleta e cores de projeto privadas mesmo em trabalhos ainda não publicados.

É gratuito e posso usar os valores RGB em CSS?

Sim. O conversor é gratuito (até 200 cores por conversão no plano gratuito; o Pro remove o limite) e funciona em qualquer dispositivo moderno em desktop e celular, mesmo offline depois de carregado. Copie os valores RGB com um clique e cole-os numa declaração rgb() em CSS, ou em software de design e código.