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

Conversor RGB 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 RGB pré-selecionado como formato de entrada - digite rgb(59, 130, 246) ou simplesmente 59, 130, 246 e execute-o para ver a cor como hsl(matiz, saturação, luminosidade).

A conversão de valores de canal para HSL transforma números brutos em algo sobre o qual os designers podem raciocinar: manter o matiz e variar a luminosidade para estados de foco e desabilitados ou girar o matiz para obter cores de destaque - a forma como os sistemas modernos de design CSS são construídos.

Esta predefinição é um par da ferramenta completa, que converte entre HEX, RGB, HSL e CMYK em qualquer direção com um seletor de cores e uma amostra de visualização — rodando inteiramente em seu navegador, sem upload.

🛡️
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.