Conversor RGB para HEX
Transforme valores RGB em um código de cor hex.
Funciona no navegador. Nada do que você digita é enviado a lugar nenhum.
- Cole rgb() ou rgba()
- Hex de 8 dígitos com alfa
- Atualiza enquanto você digita
Como converter RGB para HEX
- Cole um valor rgb() ou rgba(), ou digite cada canal.
- Defina o alfa abaixo de 1 para obter também um código hex de 8 dígitos.
- Copie o código hex.
Exemplos de RGB para hex
| RGB | Hex | Nota |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Conversão padrão |
| rgb(0, 0, 0) | #000000 | Preto |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alfa acrescenta 2 dígitos |
| 255, 136, 0 | #FF8800 | Números simples também funcionam |
Como o alfa vira dígitos hex
Multiplique o alfa por 255, arredonde para o número inteiro mais próximo, e escreva como dois dígitos hex no final do código.
| Alfa | Sufixo hex |
|---|---|
| 1 (sólido) | nenhum necessário |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (invisível) | 00 |
Onde o hex de 8 dígitos funciona
- O CSS aceita #RRGGBBAA em todo navegador atual: Chrome, Firefox, Safari e Edge.
- Os atributos fill e stroke do SVG também aceitam hex de 8 dígitos em navegadores modernos.
- Alguns editores de imagem e ferramentas de design mais antigos só leem hex de 6 dígitos e descartam ou rejeitam o par de alfa, então guarde uma cópia sólida de 6 dígitos para esses casos.
Perguntas frequentes sobre RGB para HEX
Como converter RGB para HEX na mão?
Escreva cada canal como um número de dois dígitos em base 16 e junte tudo. rgb(255, 136, 0) vira FF, 88 e 00, então #FF8800.
Como a opacidade é escrita em hex?
Multiplique o alfa por 255, arredonde e escreva como dois dígitos hex no final. Um alfa de 0,5 vira 80, então rgba(255, 136, 0, 0.5) é #FF880080.
Quais formatos posso colar?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), o mais novo rgb(255 136 0 / 50%) e números simples como 255, 136, 0. Um código hex também funciona.
#ff8800 é diferente de #FF8800?
Não, a caixa não importa em cores hex. Marque Maiúsculas se o seu guia de estilo preferir letras maiúsculas.
Posso digitar um nome de cor como orange em vez de números?
Não. Este conversor lê apenas valores numéricos rgb(), rgba() e hex, já que combinar as 148 cores nomeadas do CSS exigiria sua própria tabela de referência.
Por que meu código hex mudou um pouco depois de eu digitar uma porcentagem?
Canais em porcentagem como rgb(94% 53% 0%) são convertidos para o mais próximo entre 256 níveis por canal, então o arredondamento pode mudar o resultado em 1 em alguns canais.
O canal alfa arredonda da mesma forma em todo navegador?
Sim. A matemática usada aqui, multiplicar por 255 e depois arredondar para um número inteiro, é padrão e dá os mesmos 2 dígitos hex independente do navegador, já que esta página faz a conversão sozinha em vez de depender de uma API do navegador que poderia variar.
Posso converter uma cor com alfa em porcentagem, como 50%?
Sim. rgba(255, 136, 0, 50%) e o mais novo rgb(255 136 0 / 50%) funcionam, junto com a sintaxe decimal mais antiga de 0 a 1 para o alfa.