Conversor de cores

Converta cores CSS entre HEX, RGB e HSL preservando alfa.

Cole a entrada ou escolha um arquivo, ajuste as opções e processe localmente. Confira o resultado antes de copiar ou baixar.

Entrada original

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 e HSL com saturação/luminosidade 0–100%. Sem nomes CSS, var(), Lab, CMYK ou perfis de ampla gama. HSL arredonda a 2 casas; uma conversão de ida e volta pode variar um pouco.

Como usar

O que esta ferramenta faz?

Converta cores CSS entre HEX, RGB e HSL preservando alfa. Os valores sRGB são arredondados para copiar em CSS comum.

Conversor de cores

Converta cores CSS entre HEX, RGB e HSL preservando alfa. Os valores sRGB são arredondados para copiar em CSS comum.

Passo a passo

Cole a entrada ou escolha um arquivo, ajuste as opções e processe localmente. Confira o resultado antes de copiar ou baixar.
HEX aceita 3, 4, 6 ou 8 dígitos; canais RGB vão de 0 a 255. Saturação e luminosidade HSL usam porcentagens; alfa aceita fração ou porcentagem.

Como escolher as configurações

Opção	O que muda
Opções	HEX aceita 3, 4, 6 ou 8 dígitos; canais RGB vão de 0 a 255. Saturação e luminosidade HSL usam porcentagens; alfa aceita fração ou porcentagem.
Limites	HEX de 3/4/6/8 dígitos, RGB numérico 0–255 e HSL com saturação/luminosidade 0–100%. Sem nomes CSS, var(), Lab, CMYK ou perfis de ampla gama. HSL arredonda a 2 casas; uma conversão de ida e volta pode variar um pouco.

Exemplo e resultado esperado

#2563EB equivale a RGB 37, 99, 235 e HSL 221,21°, 83,19%, 53,33%. O texto copiado usa o ponto decimal exigido pelo CSS.

Se não funcionar

Confira sintaxe e faixas dos canais. Troque variáveis ou nomes por valores explícitos; pequenas diferenças ao voltar de HSL podem vir do arredondamento.

Formatos e limites

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 e HSL com saturação/luminosidade 0–100%. Sem nomes CSS, var(), Lab, CMYK ou perfis de ampla gama. HSL arredonda a 2 casas; uma conversão de ida e volta pode variar um pouco.

Perguntas frequentes

O que esta ferramenta faz?

Converta cores CSS entre HEX, RGB e HSL preservando alfa. Os valores sRGB são arredondados para copiar em CSS comum.

Qual ajuste devo escolher?

HEX aceita 3, 4, 6 ou 8 dígitos; canais RGB vão de 0 a 255. Saturação e luminosidade HSL usam porcentagens; alfa aceita fração ou porcentagem.

Quais são os limites?

HEX de 3/4/6/8 dígitos, RGB numérico 0–255 e HSL com saturação/luminosidade 0–100%. Sem nomes CSS, var(), Lab, CMYK ou perfis de ampla gama. HSL arredonda a 2 casas; uma conversão de ida e volta pode variar um pouco.

Por que o processamento falhou?

Confira sintaxe e faixas dos canais. Troque variáveis ou nomes por valores explícitos; pequenas diferenças ao voltar de HSL podem vir do arredondamento.

Minha entrada é enviada ou salva?

Não. O processamento ocorre no seu dispositivo. As entradas e os resultados ficam na memória desta página até você limpar ou sair. O ToolRobin não os envia, registra nem armazena. Copiar coloca o resultado na área de transferência do seu dispositivo.