Conversor RGB para Hex — Conversor de código de cores

RGB values

R

G

B

Share X / Twitter Facebook LinkedIn WhatsApp

Como usar RGB para HEX

Insira os valores RGB — vermelho, verde, azul (0-255 cada).
Leia o código hexadecimal — #FF6600.
Use em CSS, HTML ou em seu sistema de design — hex é o padrão da web.
Inverta-o com Hex para RGB quando precisar de transparência rgba().

O que é RGB para HEX?

Um conversor RGB para hexadecimal transforma valores vermelho-verde-azul em um código de cores hexadecimal: rgb(255, 102, 0) torna-se #FF6600. É o inverso de hexadecimal para RGB - pegar os três números explícitos de 0 a 255 e agrupá-los na string hexadecimal compacta de seis dígitos que CSS e ferramentas de design comumente usam. Cada número RGB (0 a 255) se torna dois dígitos hexadecimais (00 a FF): 255 → FF, 102 → 66, 0 → 00. O resultado é o código hexadecimal preferido por sua brevidade em folhas de estilo, Software de HTML e design.

Sobre o RGB para HEX

Insira valores RGB e obtenha o código hexadecimal instantaneamente.

Por que você converteria nesta direção: hex é o padrão CSS/web — a maioria das folhas de estilo, atributos de cores HTML e transferências de design usam hexadecimal (#FF6600), portanto, uma cor que você tem como RGB (de um seletor, uma ferramenta gráfica ou saída de código) geralmente precisa ser convertida para hexadecimal para caber; compactação — #FF6600 é menor que rgb(255, 102, 0) e hex é a convenção na maioria dos códigos front-end; saída da ferramenta de design — você fez uma amostra de uma cor como RGB e precisa do hexadecimal para seu guia de marca ou variáveis CSS; e consistência — correspondendo ao formato hexadecimal que o resto da sua base de código ou sistema de design usa.

O inverso é nosso conversor Hex para RGB (necessário quando você deseja transparência via rgba). Para uma visão mais completa – HSL, nomes de cores e todos os formatos de uma vez – nosso Color Converter cuida de tudo. Experimente cores de imagens com o Color Picker from Image e crie conjuntos harmoniosos com o Color Palette Generator. A conversão é executada localmente e instantaneamente.

Perguntas Frequentes

Converta cada número (0-255) em dois dígitos hexadecimais e concatene: 255→FF, 102→66, 0→00 → #FF6600. Cada canal se torna um par hexadecimal; a ferramenta faz isso instantaneamente.

Hex é o CSS e o padrão da web – a maioria das folhas de estilo, HTML e transferências de design o utilizam por sua compactação. Uma cor que você tem como RGB (de um seletor ou ferramenta gráfica) geralmente precisa de hexadecimal para se ajustar à sua base de código ou guia de marca.

Os canais RGB devem ser de 0 a 255 — valores fora dos quais não são cores válidas. Alguns contextos usam 0-1 float RGB (0,5 em vez de 128); multiplique por 255 primeiro se sua fonte usar carros alegóricos.

Nenhum — os códigos de cores hexadecimais não diferenciam maiúsculas de minúsculas, portanto, letras maiúsculas e minúsculas são idênticas. As convenções variam (CSS geralmente em letras minúsculas, algumas ferramentas em maiúsculas); escolha um para consistência, mas ambos funcionam em qualquer lugar.

Use hexadecimal de 8 dígitos (#FF6600CC, sendo os dois últimos dígitos alfa) ou converta novamente para RGB e use rgba (255.102.0,0.8). Ambos são suportados em navegadores modernos; rgba é mais amplamente conhecido.