Elysia Tools
Navegação
Design
Converter valores de cor sRGB para HSL para exibição na tela
Execução
Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.
Exemplos
Relacionado
Guia de uso da ferramenta
O Conversor sRGB para HSL é uma ferramenta essencial para designers e desenvolvedores web que precisam converter valores de cores RGB ou hexadecimais para o formato HSL (Matiz, Saturação e Luminosidade), facilitando a manipulação de cores em folhas de estilo CSS.
Contexto
O designer enviou a cor da marca em formato hexadecimal (#FF0080).
Problema
Preciso usar essa cor no CSS, mas quero criar variações de brilho usando HSL.
Como usar
Cole '#FF0080' na entrada e selecione o formato 'css'.
Resultado
O conversor retorna 'hsl(330, 100%, 50%)', permitindo ajustar facilmente a luminosidade no código.
Contexto
Tenho uma lista de cores com transparência exportadas de um software de design.
Problema
Preciso converter esses valores para o formato HSLA para manter a consistência no código.
Como usar
Cole a lista de valores 'rgba(255,0,128,0.5)' e escolha o formato 'hsl'.
Resultado
A ferramenta gera 'hsla(330, 100%, 50%, 0.5)', mantendo a opacidade correta para o uso web.
HSL significa Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness), um modelo de cor que facilita a criação de variações de cores.
A ferramenta aceita sRGB, RGBA, valores decimais (R,G,B) e códigos hexadecimais com ou sem canal alfa.
Sim, você pode inserir várias cores, uma por linha, para processamento em lote.
Sim, se o valor de entrada incluir um canal alfa (RGBA ou Hex com 8 dígitos), o conversor gerará o valor HSLA correspondente.
Sim, a opção de formato 'css' gera strings prontas para uso direto em propriedades de estilo como 'color' ou 'background-color'.