Conversor de Cor

Converta instantaneamente entre códigos de cor HEX, RGB e HSL. Seletor de cor incluído, grátis.

686 visualizações

HEX
RGB
HSL

O que são HEX, RGB e HSL?

HEX (ex.: #ff8000) escreve os valores de vermelho-verde-azul como números hexadecimais e é a notação mais comum na web. RGB (ex.: rgb(255, 128, 0)) expressa esses mesmos três canais como decimais de 0 a 255. HSL (ex.: hsl(30, 100%, 50%)) descreve uma cor por matiz, saturação e luminosidade — a forma mais prática para obter variantes mais claras ou mais escuras de uma cor.

Escolha uma cor no seletor ou digite um código HEX — as três notações são atualizadas instantaneamente. Útil ao escrever CSS, montar uma paleta de design ou expressar as cores de uma marca em formatos diferentes.

Perguntas Frequentes

Como converto uma cor HEX para RGB?

Cada par de dígitos HEX representa um canal em hexadecimal: para #ff8000, ff=255 (vermelho), 80=128 (verde), 00=0 (azul), ou seja, rgb(255, 128, 0). Esta ferramenta faz a conversão automaticamente.

Códigos HEX de 3 dígitos (como #f80) são aceitos?

Sim. A notação curta como #f80 é expandida duplicando cada dígito para #ff8800; a ferramenta aceita as duas formas.

Quando devo preferir o HSL?

Quando você precisar de variantes mais claras, mais escuras ou mais suaves de uma cor, o HSL é a forma mais prática: altere apenas o valor de luminosidade (L) ou saturação (S) para obter tons consistentes. O CSS aceita a notação hsl() diretamente.

Ferramentas Semelhantes