Elysia Tools
Navegação
Design
Converter valores de cor RGB para HSL para exibição em tela
Execução
Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.
Pronto para executar
Exemplos
Relacionado
Guia de uso da ferramenta
O Conversor RGB para HSL é uma ferramenta essencial para designers e desenvolvedores que precisam transformar valores de cores RGB ou códigos hexadecimais no formato HSL (Matiz, Saturação e Luminosidade), facilitando ajustes precisos de cores para interfaces web e digitais.
Contexto
O designer enviou a cor da marca no formato RGB, mas o projeto utiliza HSL para facilitar a criação de estados 'hover' nos botões.
Problema
Converter rgb(255, 0, 128) para o formato CSS HSL.
Como usar
Insira 'rgb(255, 0, 128)' no campo de entrada e selecione o formato de saída 'css'.
Resultado
O conversor retorna 'hsl(330, 100%, 50%)', pronto para ser aplicado no arquivo CSS.
Contexto
Preciso gerar variações de uma cor base para um sistema de design.
Problema
Obter os valores HSL de múltiplos códigos hexadecimais para ajustar a luminosidade de forma consistente.
Como usar
Cole a lista de códigos hexadecimais no campo de entrada e escolha o formato 'labeled'.
Resultado
O sistema exibe os valores H:S:L para cada cor, permitindo ajustar a luminosidade (L) mantendo o mesmo matiz (H).
HSL significa Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness), um modelo de cor que descreve cores de forma mais próxima à percepção humana.
Sim, a ferramenta aceita códigos hexadecimais (como #FF0080) e os converte automaticamente para o formato HSL.
Sim, se você inserir valores RGBA ou hexadecimais com canal alfa, o conversor gerará o valor HSLA correspondente.
O HSL permite manipular a claridade e a intensidade de uma cor sem alterar o matiz, o que é muito útil para criar variações de tons em interfaces.
Sim, você pode inserir várias cores, uma por linha, e obter a lista de conversões de forma rápida.