Ferramentas Pantone

HSL para HEX

Converta valores de cores HSL em códigos de cores HEX com precisão, perfeito para web design e aplicações digitais

Conversor de cores

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Clique nas amostras de cores para ver exemplos

HEX Output

HEX Value

RGB Value

rgb(255, 0, 0)

HSL Value

hsl(0°, 100%, 50%)

Detalhes da cor

Tipo de cor

Vermelho

Brilho

Alto

Compatibilidade CSS

Suporte total

Web Safe

Sim

Exemplos de conversão

Vermelho

HSL: 0°, 100%, 50%

HEX: #FF0000

Verde

HSL: 120°, 100%, 50%

HEX: #00FF00

Azul

HSL: 240°, 100%, 50%

HEX: #0000FF

Amarelo

HSL: 60°, 100%, 50%

HEX: #FFFF00

Magenta

HSL: 300°, 100%, 50%

HEX: #FF00FF

Ciano

HSL: 180°, 100%, 50%

HEX: #00FFFF

Ferramentas recomendadas

Sobre esta ferramenta

Nosso conversor de HSL para HEX fornece conversão precisa entre esses dois formatos de cores populares usados ​​em design digital e desenvolvimento web.

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.

HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.

Esta ferramenta de conversão conecta esses dois formatos, permitindo que designers trabalhem no modelo HSL, mais intuitivo, enquanto geram os códigos HEX necessários para implementação em sites e aplicativos digitais. A conversão é matematicamente precisa, garantindo uma representação de cores precisa em ambos os formatos.

Perguntas frequentes