Conversor de HSL para RGB
Converta HSL para RGB em tempo real enquanto digita — grátis, instantâneo, com exemplo prático e tabela de cores comuns.
Digite um valor HSL para ver o valor RGB correspondente logo abaixo, ou escolha uma cor no seletor.
Exemplo prático
HSL 11, 100%, 60% = RGB 255, 87, 51
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 HSL e RGB
| Cor | HSL | RGB |
|---|---|---|
| Vermelho | 0, 100%, 50% | 255, 0, 0 |
| Laranja | 39, 100%, 50% | 255, 165, 0 |
| Amarelo | 60, 100%, 50% | 255, 255, 0 |
| Verde | 120, 100%, 25% | 0, 128, 0 |
| Ciano | 180, 100%, 50% | 0, 255, 255 |
| Azul | 240, 100%, 50% | 0, 0, 255 |
| Roxo | 300, 100%, 25% | 128, 0, 128 |
| Rosa | 350, 100%, 88% | 255, 192, 203 |
| Marrom | 0, 59%, 41% | 165, 42, 42 |
| Branco | 0, 0%, 100% | 255, 255, 255 |
| Cinza | 0, 0%, 50% | 128, 128, 128 |
| 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 HSL para RGB?
Digite ou cole seu valor HSL acima — o valor RGB é 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.