Conversor HSL Grátis: Converter Cores HSL HEX RGB Online
6 usosDicas HSL
Matiz, Saturação, Luminosidade
H: 0-360°. S: 0-100%. L: 0-100%. Mais intuitivo que RGB.
Conversão múltipla
HSL, HEX, RGB, CMYK. Todos atualizados na hora.
Gerar variações
Ajuste S para mais vivo/apagado. L para mais claro/escuro.
Perguntas Frequentes
O que é HSL?
Hue (matiz, 0-360°), Saturation (0-100%), Lightness (0-100%).
Diferença do RGB?
RGB define por canais. HSL por matiz/saturação/luminosidade, mais intuitivo.
Tons claros e escuros?
Mantenha H e S, mude L. L=90% claro, L=50% normal, L=10% escuro.
O que acontece se eu levar o controle de Luminosidade para 100%?
Levar o controle de Luminosidade para 100% sempre resultará em branco, independentemente dos valores de Matiz ou Saturação que você selecionou. Isso porque a luminosidade máxima apaga completamente qualquer cor. Você verá o código HEX mudar para #FFFFFF e os valores RGB se tornarem 255, 255, 255. É uma maneira rápida de redefinir uma cor para seu estado mais brilhante.
Por que minha cor HSL parece diferente em outra tela?
Monitores diferentes reproduzem cores de maneiras distintas. Um valor HSL vibrante no seu display calibrado pode parecer opaco em um notebook sem calibração. Isso não é problema da ferramenta — é uma diferença de hardware. Teste sua cor em pelo menos dois dispositivos antes de finalizar um design. Em projetos web, adicione fallbacks de HEX e RGB no CSS para reduzir discrepâncias.
Como Converter
- Insira HSL ou use seletor
- Conversão automática para HEX e RGB
- Ajuste matiz, saturação, luminosidade
- Copie qualquer formato