HEX → HSL

Conversão de cor HEX para HSL.
Criado por
Renato Passos, Eng. de Software
Revisado por
Renato Passos, Eng. de Software

Última atualização: 18 de abr. de 2026

Hue (0-360)
0
Saturation (0-1)
1,00
Lightness (0-1)
0,50

Fórmula

HEX → HSL

Sobre esta calculadora

A calculadora HEX → HSL converte códigos de cor HEX para o modelo de cor HSL (Hue, Saturation, Lightness). O modelo HSL é amplamente utilizado em design gráfico e digital, pois separa a matiz (cor) da saturação e da luminosidade, facilitando ajustes precisos. A conversão é útil para designers que precisam trabalhar com diferentes modelos de cor.

A conversão de HEX para HSL envolve uma série de cálculos matemáticos. Primeiramente, o código HEX é convertido para o modelo RGB (Red, Green, Blue). Em seguida, os valores RGB são transformados em HSL por meio de fórmulas específicas que consideram a intensidade de cada cor primária. Esse processo permite uma representação mais intuitiva da cor.

A calculadora é útil em situações onde é necessário ajustar a saturação ou a luminosidade de uma cor específica. Por exemplo, ao criar uma paleta de cores para um site ou aplicativo, designers podem precisar de variações de uma cor base. A conversão para HSL facilita a obtenção dessas variações.

É importante ter cuidado ao utilizar códigos HEX com valores diferentes de #RRGGBB, pois podem não ser reconhecidos. Além disso, a percepção de cores pode variar entre monitores e dispositivos, então é sempre bom testar as cores em diferentes contextos.

Perguntas frequentes

O que é o modelo de cor HSL?

HSL (Hue, Saturation, Lightness) é um modelo de cor que separa a matiz (cor) da saturação e da luminosidade, facilitando ajustes precisos em design gráfico e digital.

Por que converter HEX para HSL?

Converter HEX para HSL é útil para designers que precisam ajustar a saturação ou luminosidade de uma cor específica, facilitando a criação de variações de uma cor base.

Quais cuidados devo ter ao usar a calculadora?

Certifique-se de que o código HEX esteja no formato #RRGGBB e teste as cores em diferentes contextos, pois a percepção de cores pode variar entre monitores e dispositivos.

A calculadora suporta todos os códigos HEX?

A calculadora foi projetada para suportar códigos HEX no formato #RRGGBB. Outros formatos podem não ser reconhecidos.

Como funciona a conversão de HEX para HSL?

A conversão envolve transformar o código HEX em RGB e, em seguida, aplicar fórmulas específicas para obter os valores de matiz, saturação e luminosidade.

Outras calculadoras de Design