Design
Seletor e conversor de cores HEX, RGB e HSL
Converta cores entre HEX, RGB e HSL, confira os canais e copie o código pronto para CSS sem instalar programas.
Use a ferramenta
Resultado
Preencha os campos e execute a ferramenta.
Como funciona
Seletor e conversor de cores HEX, RGB e HSL
Converta cores entre HEX, RGB e HSL, confira os canais e copie o código pronto para CSS sem instalar programas. Escolha uma operação no menu, preencha os dados solicitados e confira o resultado. As funções que não dependem de serviços externos rodam diretamente no seu navegador.
Para que serve: Conversor de cor HEX para RGB e HSL e gerador de hexadecimal a partir de RGB. Revise o resultado antes de usar em produção, especialmente quando fizer parte de uma decisão técnica ou financeira.
Dúvidas rápidas
Perguntas frequentes
Qual formato de cor devo usar no CSS?
HEX, RGB e HSL são formas diferentes de representar a mesma cor. Escolha o formato compatível com o componente ou variável CSS do seu projeto.
O que significam H, S e L?
H é matiz, S é saturação e L é luminosidade; o seletor apresenta os valores calculados para a cor escolhida.
A conversão altera a cor?
Os valores HSL são arredondados para inteiros, então pode haver uma diferença mínima ao converter de volta para RGB ou HEX.