Conversor de cores
Converta entre as notações de cor HEX, RGB e HSL.
Exemplos de uso
Converter um código de cor de um mockup de design
Pegue um código HEX da sua ferramenta de design e converta para o valor RGB ou HSL que você precisa usar direto no CSS.
Montar um código HEX a partir de valores RGB
Informe os números RGB obtidos em um editor de imagens para obter instantaneamente o código HEX correspondente.
Usar HSL para entender brilho e saturação
Converta a mesma cor para HSL para ver como ajustar a saturação ou a luminosidade mantendo exatamente o mesmo matiz.
Perguntas frequentes
O valor de cor que eu informo é enviado a um servidor?
Não. Todas as conversões acontecem inteiramente no seu navegador, e os valores de cor informados nunca são enviados a um servidor.
Ele aceita códigos HEX abreviados de 3 dígitos?
Sim. Códigos abreviados como #FFF são reconhecidos e expandidos para 6 dígitos antes da conversão.
Qual formato devo usar para RGB ou HSL?
Separe os números com vírgulas ou espaços — por exemplo "59, 130, 246" para RGB ou "217, 91, 60" para HSL.
Escolher uma cor no seletor também atualiza os valores?
Sim. Qualquer cor escolhida no seletor atualiza instantaneamente os valores HEX, RGB e HSL.