Conversor de RGB para HEX
Converta valores RGB em códigos de cor HEX.
Sobre Conversor de RGB para HEX
O Conversor de RGB para HEX da GuruAlpha transforma valores de cor RGB (como rgb(255, 87, 51)) em códigos de cor hexadecimais (como #FF5733). Insira os valores de vermelho, verde e azul (0-255 cada) e a ferramenta gera o código HEX correspondente para uso em CSS, HTML e ferramentas de design.
Os valores RGB são comumente usados em softwares de design gráfico (Photoshop, Figma), no desenho em canvas de JavaScript e em funções CSS como rgba(). No entanto, os códigos HEX são mais comumente usados em folhas de estilo CSS e HTML. O conversor preenche essa lacuna, facilitando a transferência de cores entre ferramentas de design e código web.
A ferramenta aceita valores RGB em múltiplos formatos de entrada: controles deslizantes individuais R, G, B (0-255), o formato de função CSS rgb(), valores separados por vírgula (255,87,51) ou entradas numéricas individuais. Essa flexibilidade significa que você pode colar valores RGB de qualquer fonte — código, ferramenta de design, documentação — e obter a saída HEX correta.
A conversão é matematicamente precisa: cada canal RGB (0-255) se converte em um valor hexadecimal de dois dígitos (00-FF). A ferramenta trata corretamente todos os casos extremos, incluindo preto puro (rgb(0,0,0) = #000000), branco puro (rgb(255,255,255) = #FFFFFF) e cores totalmente transparentes.
A pré-visualização visual mostra a cor como uma amostra, permitindo verificar rapidamente se a conversão corresponde à cor pretendida. O HEX abreviado (#F53) também é gerado quando o código de 6 dígitos tem pares correspondentes (por exemplo, #FF5533 não pode ser abreviado, mas #FF1122 pode ser #F12).
Principais recursos do Conversor de RGB para HEX
- Converte RGB em códigos de cor HEX
- Múltiplos formatos de entrada: controles deslizantes, CSS rgb(), números
- Gera HEX de 6 dígitos e abreviado de 3 dígitos
- Pré-visualização visual da cor
- Cópia com um clique para a área de transferência
- Suporta canal alfa (RGBA)
- Conversão instantânea
- Baseado no navegador para privacidade
Como usar Conversor de RGB para HEX
- Abra o Conversor de RGB para HEX na GuruAlpha.
- Insira os valores RGB usando controles deslizantes ou entradas numéricas.
- Ou cole uma string de função rgb() ou rgba().
- O código HEX é gerado instantaneamente.
- Veja a amostra de pré-visualização da cor.
- Copie o código HEX para usar em CSS ou ferramentas de design.
Dicas para usar Conversor de RGB para HEX
- Use o HEX de 6 dígitos para máxima compatibilidade.
- O abreviado de 3 dígitos funciona em navegadores modernos, mas não em todos os contextos.
- A ferramenta gera a forma abreviada quando possível (por exemplo, #FF1122 → #F12).
- Para transparência, use HEX de 8 dígitos (#FF573380) ou rgba().
- Cole diretamente do código CSS — a ferramenta analisa as strings rgb().
Perguntas frequentes sobre Conversor de RGB para HEX
O que é RGB?
RGB significa Vermelho, Verde, Azul — as três cores primárias da luz. Cada canal varia de 0 (nenhum) a 255 (máximo). Combinados, produzem qualquer cor na tela.
Qual é a diferença entre o HEX de 3 e 6 dígitos?
O HEX de 3 dígitos (#F53) expande cada caractere: #F53 = #FF5533. O HEX de 6 dígitos especifica cada canal diretamente. O de 6 dígitos é mais preciso.
Ele lida com transparência?
Sim. A entrada RGBA (com alfa) produz um HEX de 8 dígitos. O canal alfa (0-1) se converte em um par hexadecimal (00-FF).
Posso converter a partir de ferramentas de design?
Sim. Copie os valores RGB do Figma, Photoshop ou qualquer ferramenta de design e cole-os no conversor.