Converta valores de cor RGB para o formato HSL (Matiz, Saturação, Luminosidade)
Conversão de formato
Sobre esta ferramenta
Converta valores de cor RGB para o formato HSL (Matiz, Saturação, Luminosidade). Converta cores RGB e RGBA para as representações mais intuitivas HSL e HSLA, facilitando o ajuste de luminosidade, saturação e a criação de variantes de cores CSS.
Principais funcionalidades
- Suporta entrada RGB e RGBA
- Saída nos formatos HSL e HSLA
- Saída com valores em porcentagem e ângulo
- Amostra de cor com pré-visualização em tempo real
- Copiar em múltiplos formatos com um clique
- Conversão em tempo real durante a digitação
Casos de uso
- Converter cores para uso com HSL no CSS
- Ajustar intuitivamente a luminosidade e saturação das cores
- Criar variantes de cores e paletas a partir de uma cor base
- Converter cores de ferramentas de design para formatos compatíveis com a web
- Construir esquemas de cores acessíveis com controle preciso de luminosidade
rgb
hsl
color
converter
css
design
Perguntas frequentes
O que é o formato HSL?
HSL significa Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness). A matiz é expressa como um ângulo (0-360), correspondendo à posição na roda de cores. Saturação e luminosidade são expressas em porcentagem (0-100%). O HSL é frequentemente mais intuitivo que o RGB para manipulação de cores.
O canal de transparência é suportado?
Sim. Quando você insere valores RGBA, a ferramenta gera o formato HSLA incluindo o canal de transparência. O valor de transparência é preservado da entrada.
Qual é a precisão da conversão de RGB para HSL?
A conversão usa as fórmulas matemáticas padrão de transformação do espaço de cores RGB para HSL. A matiz é calculada com precisão de grau, e a saturação e luminosidade com precisão de porcentagem. Os resultados são precisos e consistentes com as ferramentas de conversão de cores padrão da indústria.
Posso ver uma pré-visualização da cor convertida?
Sim. A ferramenta exibe uma amostra de cor em tempo real que é atualizada instantaneamente quando você altera os valores RGB ou HSL. Esse feedback visual ajuda a confirmar que a cor convertida corresponde ao esperado antes do uso.
Também posso inserir valores HSL para obter RGB?
Sim, a ferramenta suporta conversão bidirecional. Você pode inserir valores HSL na caixa de entrada, e a ferramenta os converterá de volta para RGB, exibindo simultaneamente o código HEX correspondente e a pré-visualização da cor.