Nada é enviado
Converter HSL para HEX
Digite uma cor hsl(), como hsl(39, 100%, 50%), para ver o código hexadecimal dela para programas de design, modelos de e-mail e qualquer lugar que não aceite hsl().
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() ou um nome CSS como tomato.
Contraste
Sobre branco 1,96:1
- AA, texto normal: Não passa
- AA, texto grande: Não passa
- AAA, texto normal: Não passa
- AAA, texto grande: Não passa
Sobre preto 10,71:1
- AA, texto normal: Passa
- AA, texto grande: Passa
- AAA, texto normal: Passa
- AAA, texto grande: 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 HSL.
- HEX
- #ffa600
- RGB
- rgb(255, 166, 0)
- HSL
- hsl(39, 100%, 50%)
- HSV (HSB)
- hsv(39, 100%, 100%)
- CMYK (aproximado)
- cmyk(0%, 35%, 100%, 0%)
- OKLCH
- oklch(79.4% 0.1709 71.06)
- Nome CSS
- Nenhum (a mais parecida: orange)
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 HSL para HEX
- Digite ou cole uma cor HSL, como hsl(39, 100%, 50%).
- Leia o valor em HEX 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.
Como o HSL vira HEX?
A matiz escolhe a cor no círculo, e a saturação e a luminosidade dizem quão forte e quão clara ela é. Isso dá os valores de vermelho, verde e azul de 0 a 255, cada um escrito com dois dígitos hexadecimais: hsl(39, 100%, 50%) é rgb(255, 166, 0), ou seja, #ffa600.
Quais jeitos de escrever HSL funcionam?
hsl(39, 100%, 50%), hsla(39, 100%, 50%, 0.5), a forma mais nova hsl(39 100% 50% / 50%) e unidades de matiz como 39deg, 0.11turn ou 0.68rad.