Ferramenta para desenvolvedores

Conversor de cores

Converta uma cor entre HEX, RGB e HSL, com pré-visualização.

Conversor de cores Executa no seu dispositivo
  • Executa no seu navegador — seu texto nunca é enviado a lugar nenhum
  • Sem cadastro, sem cotas, grátis para usar quantas vezes quiser

Como funciona

As três formas comuns de escrever uma cor servem a trabalhos diferentes. O HEX é compacto e é o que as ferramentas de design entregam. O RGB corresponde ao modo como as telas realmente funcionam. O HSL é o que os humanos conseguem raciocinar, porque ajustar a luminosidade ou a saturação é um único número.

Por que vale a pena conhecer o HSL

No HSL, uma versão mais clara de uma cor tem o mesmo matiz e a mesma saturação, com uma luminosidade maior. No HEX ou no RGB, a mesma mudança significa recalcular três valores que não têm relação óbvia com o que você queria.

O que ele aceita

Hex de três ou seis dígitos, com ou sem o sinal #, rgb() ou rgba(), e hsl() ou hsla(). O alfa é ignorado, já que é escrito de forma idêntica em todas as notações.

Perguntas frequentes

Conversor de cores — perguntas

Ele trata transparência?

Valores alfa são aceitos na entrada, mas não convertidos, pois o alfa é escrito da mesma forma em todas as notações.

Posso colar o nome de uma cor, como red?

Por enquanto não — informe um valor hex, rgb() ou hsl().

Algo é enviado a um servidor?

Não, a conversão é feita na página.