Ferramentas CSS e de desenvolvimento front-end

RGB para HEX

Introduza três inteiros R, G e B para converter uma cor RGB num código HEX pronto a usar.

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

Valide os inteiros R, G e B e gere HEX, com opção de maiúsculas e pré-visualização da cor.

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

Sobre esta ferramenta

RGB para HEX converte os canais vermelho, verde e azul numa cor HEX de 6 dígitos. Escolha maiúsculas ou minúsculas e confira a notação RGB e a cor real.

Como utilizar

  1. Introduza R, G e B separadamente, sempre como inteiros entre 0 e 255.
  2. Ative ou desative HEX em maiúsculas conforme necessário.
  3. Consulte o resultado em tempo real ou clique em Converter e copie o HEX.
  4. Clique em Repor para recuperar os valores iniciais ou carregue um exemplo para comparar cores.

Exemplos de utilização

  • R 255, G 87, B 51 → #ff5733; com maiúsculas: #FF5733.
  • R 0, G 0, B 0 → #000000.
  • R 255, G 255, B 255 → #ffffff.

Como funciona o cálculo

Cada canal é convertido em dois dígitos hexadecimais, com um 0 inicial se necessário, e concatenado na ordem R, G, B. As maiúsculas só alteram o texto, não a cor. Valores fora do intervalo, campos vazios e decimais provocam erros; 300 nunca é corrigido silenciosamente para 255.

Utilizações comuns

  • Usar em CSS valores RGB de programas de desenho ou imagem.
  • Uniformizar as maiúsculas dos códigos de cor de um projeto.
  • Confirmar que os três canais introduzidos estão no intervalo válido.

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

Porque varia RGB entre 0 e 255?

Esta ferramenta usa os canais sRGB habituais de 8 bits, com 256 níveis inteiros por canal, de 0 a 255.

Posso introduzir 12.5 ou 256?

Não. Cada canal tem de ser um inteiro entre 0 e 255. Os valores inválidos geram uma mensagem de erro explícita.

Qual é a diferença entre HEX em maiúsculas e minúsculas?

#FF5733 e #ff5733 representam a mesma cor. Escolha o formato que corresponde ao estilo de código do projeto.

Porque começam alguns canais HEX por 0?

Cada canal precisa de dois dígitos: por exemplo, 9 escreve-se 09 para manter os canais seguintes nas posições corretas.

Voltar ao diretório de ferramentas para programadores