Ferramentas CSS e de desenvolvimento front-end

HEX para RGB

Introduza uma cor HEX para ver imediatamente o RGB, os canais vermelho, verde e azul e o HEX normalizado.

Valores de entrada

Processamento no navegador

Pré-visualização em tempo real

Atualização automática ao alterar os parâmetros
Selecione ou copie diretamente

Converta HEX de 3 ou 6 dígitos em RGB e consulte os canais e a pré-visualização da cor.

Os dados introduzidos são processados apenas no seu navegador e nunca enviados para um servidor.

Sobre esta ferramenta

HEX para RGB converte cores hexadecimais para a notação CSS rgb(), permitindo usar a mesma cor em ficheiros de design, folhas de estilo e parâmetros de desenvolvimento. A entrada é validada rigorosamente e a pré-visualização utiliza apenas valores RGB interpretados com sucesso.

Como utilizar

  1. Introduza #FF5733, #09f ou um valor HEX de 3 ou 6 dígitos sem #.
  2. Consulte o resultado em tempo real ou clique em Converter.
  3. Verifique a pré-visualização e os três canais RGB e clique em Copiar RGB.
  4. Clique em Limpar para apagar a entrada ou em Carregar exemplo para repor a cor de demonstração.

Exemplos de utilização

  • #FF5733 → rgb(255, 87, 51), com HEX normalizado #ff5733.
  • #09f → rgb(0, 153, 255), com HEX normalizado #0099ff.
  • #fff → rgb(255, 255, 255); #000000 → rgb(0, 0, 0).

Como funciona o cálculo

Num HEX de 6 dígitos, cada par representa um canal e é convertido de hexadecimal para um inteiro entre 0 e 255. Num HEX de 3 dígitos, cada dígito é primeiro repetido: #09f expande-se para #0099ff. Esta ferramenta aceita apenas HEX RGB opaco, sem formatos alpha de 4 ou 8 dígitos.

Utilizações comuns

  • Converter cores de design em estilos RGB.
  • Verificar a equivalência entre HEX abreviado e completo.
  • Consultar o valor inteiro de cada canal vermelho, verde e azul.

Privacidade

O processamento das entradas, os cálculos, a geração de CSS e as pré-visualizações decorrem no seu navegador. O conteúdo nunca é enviado para um servidor. Não são usados backend, base de dados, API online ou CDN de terceiros, nem as suas entradas são guardadas automaticamente.

FAQ

O que é HEX?

HEX representa os três canais RGB em hexadecimal. O formato de 6 dígitos usa dois dígitos para vermelho, verde e azul, por esta ordem.

#fff e #ffffff são iguais?

Sim. Cada dígito da forma abreviada é repetido, pelo que #fff se normaliza para #ffffff.

Porque é que #12345 e #gg0000 dão erro?

Esta ferramenta só aceita 3 ou 6 dígitos hexadecimais. Os caracteres válidos são 0–9 e a–f, em maiúsculas ou minúsculas.

A conversão de HEX para RGB perde precisão?

Não. As cores HEX opacas de 3 e 6 dígitos convertem-se exatamente em canais RGB inteiros.

Voltar ao diretório de ferramentas para programadores