Conversor RGB para HSL
O que é Conversor RGB para HSL
Esta ferramenta converte valores RGB (Vermelho 0–255, Verde 0–255, Azul 0–255) para HSL (Matiz, Saturação, Luminosidade). HSL é mais intuitivo para manipulação de cores — é muito mais fácil criar versões mais claras ou escuras de uma cor ajustando a Luminosidade do que modificando canais RGB individuais.
Como usar
- Insira os valores de Vermelho, Verde e Azul (0–255) nos campos RGB.
- Os valores HSL e HEX atualizam instantaneamente.
- Clique no botão de copiar ao lado de HSL para copiar no formato hsl(h, s%, l%).
- Alterne entre todos os 6 conversores usando os links de modo no topo.
Quando usar
Precisa levar uma cor de marca de uma folha de estilo antiga para um sistema de design em HSL? Digite rgb(59, 130, 246) e você recebe hsl(217, 91%, 60%). A partir daí, é só baixar a luminosidade para 55% no hover e 45% no active, mantendo exatamente o mesmo matiz.
Perguntas frequentes
O que é rgb(255, 0, 0) em HSL?
rgb(255, 0, 0) é hsl(0, 100%, 50%) — vermelho puro. Matiz 0° é vermelho, 100% de saturação significa totalmente saturado e 50% de luminosidade é o tom puro.
O que é rgb(0, 0, 0) em HSL?
rgb(0, 0, 0) é hsl(0, 0%, 0%) — preto. Luminosidade zero é sempre preto.
O que é rgb(255, 255, 255) em HSL?
rgb(255, 255, 255) é hsl(0, 0%, 100%) — branco. Luminosidade máxima é sempre branco.
Por que a conversão RGB para HSL é útil?
HSL torna as relações de cor visíveis. Se você tem rgb(59, 130, 246) não consegue ver de imediato o quão azul ou brilhante é. Mas hsl(217, 91%, 60%) imediatamente diz que é um azul (217° na roda de cores), altamente saturado (91%) e médio-claro (60%).
Posso compartilhar esta ferramenta com meus dados preenchidos?
Sim. A URL é atualizada automaticamente enquanto você digita. Copie da barra de endereço ou use o botão Compartilhar — quem abrir verá seus dados exatos já preenchidos.
Ferramentas relacionadas
Conversor HSL para RGB
Converta valores de cor HSL para RGB instantaneamente. Conversor HSL para RGB com prévia ao vivo. Converta hsl() para rgb() para JavaScript e ferramentas de design.
Calculadora de Proporção
Calcule a proporção, encontre a largura ou altura que falta e redimensione imagens e vídeos mantendo as mesmas proporções. Grátis.
Decodificador Base64
Decodifique strings Base64 para texto simples instantaneamente. Suporta saída Unicode completa com emojis. Decodificador Base64 gratuito.