HEX para HSL
Converta códigos de cores HEX em valores HSL com precisão, ideal para manipulação de cores e sistemas de design
Conversor de cores
Resultado da cor
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Exemplos de conversão
Vermelho
HEX: #FF0000
HSL: 0°, 100%, 50%
Verde
HEX: #00FF00
HSL: 120°, 100%, 50%
Azul
HEX: #0000FF
HSL: 240°, 100%, 50%
Amarelo
HEX: #FFFF00
HSL: 60°, 100%, 50%
Magenta
HEX: #FF00FF
HSL: 300°, 100%, 50%
Ciano
HEX: #00FFFF
HSL: 180°, 100%, 50%
Ferramentas recomendadas
HSL to HEX
Converta valores de cores HSL de volta para códigos de cores HEX para desenvolvimento web
HSL to RGB Converter
Transforme valores de cores HSL em códigos de cores RGB para design digital
Gerador de Harmonia de Cores
Crie esquemas de cores complementares usando a teoria de cores HSL
HSL Color Manipulator
Ajuste matiz, saturação e luminosidade para criar variações de cor
Sobre esta ferramenta
Nosso conversor de HEX para HSL transforma códigos de cores hexadecimais no modelo de cores HSL (matiz, saturação, luminosidade), o que é particularmente útil para manipulação de cores e criação de esquemas de cores consistentes.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Essa conversão é especialmente valiosa para desenvolvedores web e designers que trabalham com CSS, pois o HSL permite ajustes de cores intuitivos. Modificar um único componente (matiz, saturação ou luminosidade) produz resultados previsíveis, facilitando a criação de variações e harmonias de cores.
O processo de conversão primeiro transforma HEX em RGB e depois converte RGB em HSL usando algoritmos padrão do setor que preservam com precisão a integridade das cores entre diferentes modelos de cores.