Conversor de RGB para HSL
Converta RGB para HSL em tempo real enquanto digita — grátis, instantâneo, com exemplo prático e tabela de cores comuns.
Digite um valor RGB para ver o valor HSL correspondente logo abaixo, ou escolha uma cor no seletor.
Exemplo prático
RGB 255, 87, 51 = HSL 11, 100%, 60%
Como funciona a conversão
- O HSL descreve a mesma cor por meio de matiz (hue, de 0 a 360° no círculo cromático), saturação e luminosidade — ideal para escurecer ou dessaturar uma cor alterando apenas um componente.
Cores comuns em RGB e HSL
| Cor | RGB | HSL |
|---|---|---|
| Vermelho | 255, 0, 0 | 0, 100%, 50% |
| Laranja | 255, 165, 0 | 39, 100%, 50% |
| Amarelo | 255, 255, 0 | 60, 100%, 50% |
| Verde | 0, 128, 0 | 120, 100%, 25% |
| Ciano | 0, 255, 255 | 180, 100%, 50% |
| Azul | 0, 0, 255 | 240, 100%, 50% |
| Roxo | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Marrom | 165, 42, 42 | 0, 59%, 41% |
| Branco | 255, 255, 255 | 0, 0%, 100% |
| Cinza | 128, 128, 128 | 0, 0%, 50% |
| Preto | 0, 0, 0 | 0, 0%, 0% |
Cada conversão roda no seu navegador. Nada do que você digita é enviado para o BroBroGo.
Perguntas frequentes
Como converter RGB para HSL?
Digite ou cole seu valor RGB acima — o valor HSL é atualizado instantaneamente enquanto você digita. Você também pode escolher a cor visualmente usando o seletor de cores.
A conversão é exata?
Os valores são arredondados para números inteiros, que é o formato esperado pelo CSS e por ferramentas de design. A diferença fica muito abaixo do que o olho humano consegue perceber.