Início / Ferramentas de Cor / Conversor de Cores
Ferramentas online gratuitas

Conversor de Cores

Converta valores editáveis de HEX, RGB, RGBA, HSL, HSLA e HSV, pré-visualizando a mesma cor e copiando o formato que o seu código ou sistema de design precis…

Começar a usar

O que esta ferramenta o ajuda a fazer

Converta valores editáveis de HEX, RGB, RGBA, HSL, HSLA e HSV, pré-visualizando a mesma cor e copiando o formato que o seu código ou sistema de design precisa.

Exemplo prático

Entrada

#3B82F6

Resultado

rgb(59, 130, 246) · hsl(217, 91%, 60%)

Como o resultado é produzido

RGB armazena a intensidade dos canais vermelho, verde e azul. HSL descreve matiz, saturação e luminosidade; HSV usa valor em vez de luminosidade. A conversão preserva a cor representada, sujeita a arredondamentos e limites de gama.

Fluxos de trabalho úteis

  • Traduzir cores de ficheiros de design para CSS
  • Criar variantes HSL editáveis a partir de um valor HEX de marca
  • Verificar valores alfa antes de usar sobreposições

Limitações importantes

  • HEX sem canal alfa é totalmente opaco.
  • Conversões repetidas podem alterar o último dígito porque os canais são arredondados.
  • Valores numéricos equivalentes podem parecer diferentes em monitores não calibrados.

Perguntas frequentes

As cores HEX e RGB são diferentes?

São duas notações para o mesmo modelo de canais RGB; #3B82F6 e rgb(59,130,246) representam a mesma cor.

Converter uma cor melhora o contraste?

Não. A conversão muda a notação, não o contraste. Teste o par real de primeiro plano e fundo.

O processamento é feito localmente no navegador.