Conversor de HEX para RGB
CSS rgb() ainda aparece em tokens de design, variáveis CSS e folhas de estilo legadas. Cole qualquer valor HEX, na forma curta de 3 dígitos ou na forma completa de 6 dígitos, e este conversor retorna o triplo RGB pronto para colar em uma folha de estilo ou em um objeto de cor JavaScript.
Como converter HEX para RGB
-
1
Insira um valor HEX
As formas de três dígitos (`#f06`) e de seis dígitos (`#ff0066`) funcionam, com ou sem o prefixo `#`.
-
2
Converta para RGB
A ferramenta retorna a string `rgb(255, 0, 102)` e, abaixo, os valores dos canais vermelho, verde e azul.
-
3
Copie o resultado
Cole a string em seu CSS, tokens de design ou JavaScript.
HEX e RGB canal por canal
Os canais RGB são inteiros de 8 bits: cada um de 0 (sem luz) a 255 (intensidade total). HEX é a notação de base-16 de dois caracteres para o mesmo inteiro.
Mapeamento de canais
| Canal | Posições HEX | Faixa decimal |
|---|---|---|
| Vermelho | 1-2 | 0-255 |
| Verde | 3-4 | 0-255 |
| Azul | 5-6 | 0-255 |
Abreviação de hex curto
#F06 é uma abreviação para #FF0066, cada dígito hex é duplicado. #ABC é #AABBCC. Qualquer hex de 3 dígitos pode ser convertido para a forma longa repetindo cada caractere.
Exemplos
| HEX | RGB | Nome comum |
|---|---|---|
| #000000 | rgb(0, 0, 0) |
Preto |
| #FFFFFF | rgb(255, 255, 255) |
Branco |
| #FF0000 | rgb(255, 0, 0) |
Vermelho |
| #00FF00 | rgb(0, 255, 0) |
Verde |
| #0000FF | rgb(0, 0, 255) |
Azul |
| #1E88E5 | rgb(30, 136, 229) |
Azul material 600 |
Matemática rápida
Converta um par hex dividindo-o em dois: 1E → 1 × 16 + 14 = 30. A ferramenta faz isso por você, mas vale a pena fazer uma vez à mão para entender a relação.
Perguntas frequentes
CSS requer o # na frente do HEX, mas este conversor aceita o valor com ou sem ele. Algumas ferramentas (incluindo Tailwind e objetos de estilo TypeScript) esperam que ele seja omitido.
Não, ele aceita apenas valores de 3 e 6 dígitos, então um valor de 8 dígitos é ignorado. Para uma cor com alfa, converta o valor primeiro, por exemplo #FF000080 significa rgba(255, 0, 0, 0.5), e então insira a parte RGB.
Sim. Cada valor HEX de 3 ou 6 dígitos corresponde exatamente a um triplo RGB, então converter o resultado de volta com uma ferramenta RGB para HEX retorna o valor original.
Sim. #abcdef e #ABCDEF são tratados de forma idêntica. O resultado usa sempre a forma rgb(r, g, b) separada por vírgulas, pronta para colar.
Ferramentas relacionadas
Gerador de Cartão CSS
Crie o CSS de um contêiner de cartão: fundo, borda, raio dos cantos, espaçamento interno e sombra suave, com pré-visualização imediata e código para copiar e colar.
Conversor de Tamanho de Arquivo
Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.
Gerador de Docker Compose
Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.
Conversor de base numérica
Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.
Visualizador de Markdown
Escreva Markdown e veja a renderização HTML atualizar ao vivo. Sintaxe com estilo GitHub, incluindo tabelas, listas de tarefas, blocos de código cercados e autolinks.
Gerador de Configuração Nginx
Gere blocos de servidor Nginx com TLS, HTTP/2, gzip, cache de navegador e regras de proxy reverso a partir de um formulário simples.
Ferramenta disponível em outros idiomas
- HEXからRGBへの変換器 [JA]
- Konverter HEX ke RGB [ID]
- HEX till RGB-konverterare [SV]
- Convertisseur HEX en RGB [FR]
- محوّل HEX إلى RGB [AR]
- Chuyển đổi từ HEX sang RGB [VI]
- HEX naar RGB-converter [NL]
- ตัวแปลงสีจาก HEX เป็น RGB [TH]
- HEX zu RGB Konverter [DE]
- Convertidor de HEX a RGB [ES]
- HEX → RGB 변환기 [KO]
- Konwerter HEX do RGB [PL]
- Convertitore da HEX a RGB [IT]
- Конвертер HEX в RGB [RU]
- HEX'ten RGB'ye Dönüştürücü [TR]
- 十六进制到RGB颜色转换器 [ZH]
- HEX to RGB Converter [EN]