Converta códigos de cor hexadecimais para tripletos RGB e vice-versa — instantâneo, com suporte a formas curtas de 3 e 6 dígitos, totalmente local.
Processado localmente no seu navegador
RGB
—
Hex
—
Preencha qualquer um dos campos — hex converte para RGB, RGB converte para hex. Quando ambos estão preenchidos, o valor hex vence. A forma curta de 3 dígitos (#fff) expande para 6 dígitos (#ffffff).
O conversor de hex para RGB traduz entre as duas notações de cor que todo desenvolvedor front-end encontra: códigos hex como #3498db e tripletos rgb(52, 152, 219). Digite ou cole qualquer uma das formas e a ferramenta preenche a outra — hex de 6 dígitos vira seus três valores de canal, e um tripleto separado por vírgulas ou espaços vira seu código hex. O conversor aceita a forma curta de 3 dígitos (#fff expande para #ffffff), o # inicial opcional, dígitos em maiúsculas ou minúsculas, e até a sintaxe completa da função rgb(52, 152, 219), para que valores copiados de um inspetor de navegador, de uma ferramenta de design ou de um mockup funcionem como colados. A validação é estrita sobre o que pode ser uma cor: dígitos hex devem ser válidos e cada canal RGB deve ser um inteiro de 0 a 255 — um tripleto como 300, 0, 0 é rejeitado com uma mensagem clara em vez de ser silenciosamente ajustado ou truncado. Quando os dois campos estão preenchidos, o valor hex vence, então a precedência é previsível e documentada, não surpreendente. A conversão é aritmética pura sobre os valores de canal — nada é aproximado, e nada do que você digita é enviado, registrado ou armazenado. Use esta ferramenta quando um guia de estilo der hex e sua biblioteca de gráficos precisar de RGB, quando estiver depurando uma cor que parece diferente do esperado em um tema escuro, ou quando quiser entender quanto de vermelho, verde e azul realmente compõe uma cor.
Seu sistema de design define o azul da marca como #3498db, mas a biblioteca de gráficos exige tripletos rgb(). O conversor divide o hex em seus pares — 34, 98, db — e os interpreta em base 16: 52, 152, 219, de modo que o gráfico recebe rgb(52, 152, 219) e renderiza o mesmo azul.
| Entrada | Valor |
|---|---|
| Cor hex | #3498db |
| RGB | |
| Resultado | rgb(52, 152, 219) |
rgb(r, g, b) = pares hex interpretados em base 16
| Símbolo | Significado |
|---|---|
pares hex | os três grupos de dois dígitos de um código hex de 6 dígitos (RRGGBB), cada um interpretado com parseInt(·, 16) |
r, g, b | valores de canal de 0 a 255 |
A forma curta de 3 dígitos (#fff) expande cada dígito antes da interpretação, como o CSS faz.
hex = #rrggbb, cada canal em dois dígitos hex minúsculos em base 16
| Símbolo | Significado |
|---|---|
canal | um inteiro de 0 a 255 |
rr gg bb | as representações hex de dois dígitos, com zero à esquerda (p. ex. 10 → 0a) |
Última revisão 11 de agosto de 2026 · Versão 1.0.0 · Toolivaro não garante conteúdo externo.
Um código de 3 dígitos como #fff é a forma curta do CSS: cada dígito é duplicado, então #fff significa #ffffff. Todo navegador moderno aceita. O conversor aceita as duas e sempre emite a forma completa de 6 dígitos, para que o resultado não seja ambíguo.
Ainda não. Hex de 8 dígitos (#rrggbbaa) e rgba() carregam um canal de transparência que este conversor não interpreta. Para cores com alfa, converta a cor base de 6 dígitos aqui e mantenha o alfa separado.
Dígitos hex não diferenciam maiúsculas — #3498db e #3498DB são a mesma cor. Minúsculas são a convenção da maioria das ferramentas e minificadores modernos, e mantêm a saída consistente para copiar e colar.
O valor hex vence e converte para RGB; o campo RGB é ignorado. A ferramenta documenta essa precedência em vez de adivinhar, para que o resultado seja sempre previsível.
Parte de Ferramentas de formato e conversão
Encontrou um erro ou tem uma correção? Informe — revisamos toda correção.
Foi útil?
Revisado pela equipe editorial da Toolivaro conforme nossa metodologia Metodologia · Política editorial