Exemplos

Conversor de HSL para HEX

Digite uma cor para ver as conversões

#ff0000, rgb(255,0,0), hsl(0,100%,50%), red

O que é HSL?

HSL significa matiz, saturação, luminosidade. O matiz é um grau na roda de cores (0-360), saturação e luminosidade são porcentagens. É intuitivo para ajustes de cor. Exemplo: hsl(14, 100%, 60%)

O que é HEX?

HEX é um código de cor hexadecimal usado em web design. Consiste em um # seguido de 6 caracteres (0-9 e A-F) representando valores de vermelho, verde e azul. Exemplo: #FF5733

Como converter HSL para HEX?

Basta digitar o valor da cor no campo de entrada e a conversão ocorrerá automaticamente. Depois, você pode copiar o resultado com um clique.

Conversões

RGB → HEX HEX → RGB HEX → CMYK RGB → CMYK CMYK → HEX CMYK → RGB HEX → HSL HSL → HEX HEX → OKLCH OKLCH → HEX