⭐ 0
🔍
Texto Imagem PDF e Documentos Áudio Música Eletrônica Tempo Utilitários Validadores Esoterismo Jogos

Conversor de HEX para HSL

Converta qualquer cor entre notações HEX, RGB, HSL e CMYK com uma amostra de visualização ao vivo — diretamente no seu navegador.

Processando... 0%
Analisando o valor da cor
Convertendo espaços de cores
Visualização de renderização
Concluído

Resultado

Esta página abre o conversor de cores com HEX pré-selecionado — cole um código como #3b82f6 e execute-o para ler a mesma cor que hsl(matiz, saturação, luminosidade).

HSL descreve uma cor por matiz (0–360°), saturação e luminosidade, o que a torna a notação CSS mais amigável: escureça um botão diminuindo a luminosidade ou crie uma paleta mudando apenas o matiz — edições que dígitos HEX não podem ser expressos de forma legível.

O conversor completo aceita entrada HEX, RGB ou HSL e retorna todas as quatro notações de uma vez, com um seletor de cores nativo e uma amostra ao vivo — tudo acontece no seu navegador, para que os valores das cores nunca saiam do seu dispositivo.

🛡️
Executado no navegador

Seus arquivos e entradas nunca saem deste dispositivo. O processamento é executado totalmente offline. 100% seguro.

Formatos e regras aceitos

  • Converte entre modelos de cores HEX, RGB, HSL e CMYK.
  • Seletor de cores nativas que preenche o campo de valor no formato selecionado.
  • Amostra de visualização ao vivo mais cópia com um clique de todas as quatro notações.

Principais benefícios

✓ Uma entrada, cada notação: digite uma cor uma vez e leia-a como HEX, RGB, HSL e CMYK simultaneamente.
✓ Analisador indulgente: aceita #fff, #3b82f6, rgb(255, 0, 0), trigêmeos "255, 0, 0" simples e hsl(120, 50%, 50%) semelhantes.
✓ Funciona inteiramente no seu navegador – os valores das cores nunca são carregados em lugar nenhum.

Casos de uso

  • • Transforme o código #rrggbb de um brand book em notação rgb() ou hsl() antes de conectar os estados hover e desativado em CSS.
  • • Converta uma cor RGB na tela em porcentagens CMYK para verificar como ela será separada antes de enviar cartões de visita ou folhetos para impressão.
  • • Escolha uma cor com o seletor integrado e copie todas as quatro notações de uma vez para uma transferência do design para o código.