1. Insira um valor
Digite um número no campo de entrada.
Converter RGB para HSL
Este conversor converte instantaneamente. Introduza um valor e o resultado aparece imediatamente.
Loading tool editor...
Quando precisa converter RGB em HSL?
HSL (Matiz, Saturação, Luminosidade) é uma representação de cor mais intuitiva. Matiz = ângulo de cor (0–360°), Saturação = intensidade (0–100%), Luminosidade = claro/escuro (0–100%).
HSL facilita as variações: luminosidade para tons/sombras, saturação para versões suaves/vibrantes, matiz para cores complementares.
Todos os cálculos são executados localmente no seu navegador.
Como usar o conversor?
2. Leia o resultado
O resultado aparece instantaneamente.3. Copie ou inverta
Copie o resultado ou inverta a direção de conversão.
Quando este conversor é útil?
Manipulação CSS
HSL facilita estados hover: escurecer reduzindo L, dessaturar reduzindo S.Design systems
Crie escalas de cor consistentes variando a luminosidade.Teoria das cores
HSL corresponde ao círculo cromático. Complementar = H+180°.Acessibilidade
A luminosidade HSL ajuda a garantir contraste suficiente.
O que diferencia este conversor?
Privacidade total
Todos os cálculos são executados localmente no seu navegador.Resultados em tempo real
O resultado atualiza enquanto digita.Conversão bidirecional
Converta em ambas as direções com um clique.Tabela de referência
Tabela com valores comuns e descrições contextuais.
Como funciona a conversão?
Normalize RGB para 0–1. Encontre max e min. L = (max + min) / 2.
HSL é completamente reversível — de HSL para RGB obtém-se exatamente a mesma cor.
Como funciona a conversão?
Normalize RGB para 0–1. Encontre max e min. L = (max + min) / 2.
HSL é completamente reversível — de HSL para RGB obtém-se exatamente a mesma cor.
RGB vs HSL – comparação
| Característica | RGB | HSL |
|---|---|---|
| Modelo | Canais aditivos | Matiz/Saturação/Luminosidade |
| Valores | 0–255 por canal | H: 0–360°, S/L: 0–100% |
| Intuitivo | Difícil de prever | Fácil de ajustar |
| Teoria das cores | Não baseado em círculo | Corresponde ao círculo cromático |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Modelo
Canais aditivos - Valores
0–255 por canal - Intuitivo
Difícil de prever - Teoria das cores
Não baseado em círculo - CSS
rgb(R, G, B)
HSL
- Modelo
Matiz/Saturação/Luminosidade - Valores
H: 0–360°, S/L: 0–100% - Intuitivo
Fácil de ajustar - Teoria das cores
Corresponde ao círculo cromático - CSS
hsl(H, S%, L%)
Converter RGB para outras unidades
Explorar outros conversores de unidades
Perguntas frequentes
Ajude-nos a melhorar as nossas ferramentas
Tem uma ideia, encontrou um bug ou quer sugerir uma funcionalidade? Escreva-nos – respondemos em 24 horas.