Converter cor HSL para HEX

Converta valores HSL (matiz, saturação, luminosidade) no código hexadecimal equivalente, pronto a usar em CSS.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.

S %

L %

HEX

#0B6F5B

Converte o modelo HSL em RGB e depois na representação hexadecimal, segundo o algoritmo padrão do espaço de cor HSL.

Casos de uso

1
Ajuste H, S e L
Introduza o matiz (0-360) e a saturação e luminosidade em percentagem.
2
Copie o HEX
O código hexadecimal é calculado de imediato.

Exemplo: hsl(210, 100 %, 50 %) → #0080FF.
Com luminosidade a 0 % o resultado é sempre preto e a 100 % branco, seja qual for o matiz; com saturação a 0 % obtém um cinzento.
O HSL não é percetualmente uniforme: um amarelo e um azul com a mesma luminosidade não parecem igualmente claros. Verifique o contraste se a cor for levar texto.
Como o HEX só guarda números inteiros, converter HEX → HSL → HEX pode alterar um canal numa unidade.

Que intervalo tem cada valor?

O matiz vai de 0 a 360 graus; a saturação e a luminosidade exprimem-se em percentagem, de 0 a 100.