Nada é enviado
Converter HEX para HSL
Digite um código de cor hexadecimal para ver a cor em hsl(): matiz, saturação e luminosidade, o jeito mais fácil de criar versões mais claras, mais escuras ou mais suaves de uma cor no CSS.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() ou um nome CSS como tomato.
Contraste
Sobre branco 5,31:1
- AA, texto normal: Passa
- AA, texto grande: Passa
- AAA, texto normal: Não passa
- AAA, texto grande: Passa
Sobre preto 3,96:1
- AA, texto normal: Não passa
- AA, texto grande: Passa
- AAA, texto normal: Não passa
- AAA, texto grande: Não passa
Para um texto nesta cor sobre fundo branco ou preto (WCAG 2). Texto grande tem 24 px, ou 18,66 px em negrito.
Formatos
Lido como HEX.
- HSL
- hsl(248.3, 53.5%, 57.8%)
- HEX
- #6a5acd
- RGB
- rgb(106, 90, 205)
- HSV (HSB)
- hsv(248.3, 56.1%, 80.4%)
- CMYK (aproximado)
- cmyk(48.3%, 56.1%, 0%, 19.6%)
- OKLCH
- oklch(54.36% 0.1712 285.54)
- Nome CSS
- slateblue
O CMYK usa a fórmula simples, sem perfil de cor. As gráficas convertem com o próprio perfil, então use como ponto de partida.
O que você digita fica neste dispositivo. Nada é enviado.
Isso economizou seu tempo? O DigiTools é gratuito, sem anúncios e sem cadastro. Deixe uma gorjeta (abre em uma nova aba) para ajudar a mantê-lo assim.
Conte aos outros o que achou: avalie o DigiTools no Trustpilot (abre em uma nova aba).
Como converter HEX para HSL
- Digite ou cole um código hexadecimal, como #6a5acd.
- Leia o valor em HSL no topo, com todos os outros formatos embaixo. Ele muda enquanto você digita.
- Copie o que precisar e veja se a cor fica legível sobre branco e sobre preto.
Perguntas frequentes
Algo é enviado para um servidor?
Não. As cores são convertidas no seu navegador, neste dispositivo, enquanto você digita, e nada fica guardado.
O que significam os três números do HSL?
A matiz é a posição no círculo de cores, em graus: 0 é vermelho, 120 verde e 240 azul. A saturação vai do cinza (0%) à cor plena (100%), e a luminosidade, do preto (0%) ao branco (100%), passando pela cor pura (50%).
Por que o valor HSL tem casas decimais?
Os códigos hexadecimais nomeiam cerca de 16,7 milhões de cores, e o HSL com números inteiros não alcança todas, então arredondar pode fazer você voltar a um tom diferente. Uma casa decimal basta para voltar exatamente ao mesmo código.