Conversor de RGB para HSL

Converta valores de cor RGB e RGBA para códigos HSL instantaneamente no navegador.

Converta qualquer cor RGB ou RGBA para um código HSL instantaneamente com este conversor de RGB para HSL online e gratuito. Digite valores como rgb(79, 70, 229) (ou apenas 79, 70, 229), ou escolha uma cor com a paleta, e receba na hora o hsl(243, 75%, 59%) correspondente. Ele aceita números simples separados por vírgula, strings rgb() e rgba() e um canal alfa opcional que vira um valor hsla() — e tudo roda no seu navegador, sem nada para instalar.

O que é um conversor de RGB para HSL?

Um conversor de RGB para HSL transforma valores de vermelho, verde e azul em matiz, saturação e luminosidade. O RGB descreve uma cor como uma mistura de três canais de luz de 0 a 255, enquanto o HSL a descreve do jeito que as pessoas costumam pensar em cor: um ângulo de matiz na roda de cores (0–360°), uma porcentagem de saturação e uma porcentagem de luminosidade. O HSL torna intuitivo clarear, escurecer ou dessaturar uma cor, e por isso designers o usam tanto no CSS.

Como converter RGB para HSL

Primeiro cada canal RGB é dividido por 255 para obter um valor entre 0 e 1. A luminosidade é a média entre o maior e o menor desses valores. A saturação vem de quão distantes eles estão, ajustada pela luminosidade. O matiz é o ângulo que aponta para o canal dominante na roda de cores. Por exemplo, rgb(79, 70, 229) vira hsl(243, 75%, 59%). Se você incluir um valor alfa entre 0 e 1, ele é preservado como um valor hsla().

  1. Digite ou cole os valores RGB no campo RGB (rgb(...), rgba(...) ou números simples funcionam).
  2. Veja o código HSL e, ao adicionar transparência, o valor HSLA, atualizados enquanto você digita.
  3. Use a paleta de cores se preferir escolher uma cor visualmente.
  4. Clique em Copiar para copiar o formato que você precisa.

Por que usar este conversor de RGB para HSL?

  • 100% gratuito, sem anúncios, cadastro ou limites.
  • Conversão instantânea enquanto você digita.
  • Aceita rgb(), rgba() e números simples separados por vírgula.
  • Gera hsl() pronto para usar e hsla() quando há transparência.
  • Roda inteiramente no seu navegador — suas cores nunca saem do seu dispositivo.

Perguntas frequentes

Como converto uma cor RGB para HSL?

Coloque cada canal RGB na faixa de 0 a 1, depois calcule a luminosidade como o ponto médio entre o canal mais claro e o mais escuro, a saturação a partir da diferença entre eles e o matiz como o ângulo do canal dominante na roda de cores. Por exemplo, rgb(79, 70, 229) vira hsl(243, 75%, 59%). Esta ferramenta faz a conta automaticamente.

Quais formatos RGB ela aceita?

Você pode colar rgb(79, 70, 229), rgba(79, 70, 229, 0.5) ou apenas números simples como 79, 70, 229. Espaços, vírgulas e barras entre os valores funcionam.

Ela converte RGBA com transparência para HSL?

Sim. Quando você inclui um valor alfa entre 0 e 1, o resultado também mostra um valor hsla() em que o último número é o canal alfa, como hsla(243, 75%, 59%, 0.5).

Qual é a diferença entre RGB e HSL?

Eles descrevem a mesma cor de formas diferentes. O RGB mistura três canais de luz de 0 a 255, enquanto o HSL usa um ângulo de matiz, uma porcentagem de saturação e uma porcentagem de luminosidade. O HSL costuma ser mais fácil de ajustar à mão porque mudar a luminosidade ou a saturação mantém o mesmo matiz. Navegadores modernos e o CSS aceitam os dois.