Nada é enviado
Converter RGB para HSL
Digite uma cor RGB para ver o valor hsl() dela: a mesma cor descrita por matiz, saturação e luminosidade, mais fácil de ajustar no CSS.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() ou um nome CSS como tomato.
Contraste
Sobre branco 4,99:1
- AA, texto normal: Passa
- AA, texto grande: Passa
- AAA, texto normal: Não passa
- AAA, texto grande: Passa
Sobre preto 4,21: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 RGB.
- HSL
- hsl(348, 83.3%, 47.1%)
- HEX
- #dc143c
- RGB
- rgb(220, 20, 60)
- HSV (HSB)
- hsv(348, 90.9%, 86.3%)
- CMYK (aproximado)
- cmyk(0%, 90.9%, 72.7%, 13.7%)
- OKLCH
- oklch(57.12% 0.2219 20.09)
- Nome CSS
- crimson
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 RGB para HSL
- Digite ou cole uma cor RGB, como rgb(220, 20, 60).
- 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.
Como converter RGB para HSL?
Divida cada valor por 255. A luminosidade é a média entre o maior e o menor; a saturação, a diferença entre eles dividida por (1 − |2 × luminosidade − 1|). A matiz depende de qual canal é o maior: em rgb(220, 20, 60) é o vermelho, e a matiz dá 348°, quase uma volta completa.
Quando o HSL é melhor que o RGB?
Quando você precisa de variações de uma cor: mantenha a matiz e mude a luminosidade para os estados de passar o mouse e de clique, ou diminua a saturação para fundos discretos. No RGB, os três números mudariam.