Conversor de RGB para hex

O que é um conversor de RGB para hex?

Um conversor de RGB para hex pega os três números que descrevem uma cor no padrão rgb(64, 147, 230) — Vermelho, Verde e Azul, cada um de 0 a 255 — e devolve o mesmo tom escrito como código hexadecimal, o formato que o CSS, o Figma e a maioria dos editores de imagem esperam em outros campos. É a ferramenta certa para quem tem uma cor em mãos no formato RGB e precisa dela em hex para colar num arquivo de estilo, numa paleta ou numa ferramenta de design.

É comum precisar converter RGB em hexadecimal quando um valor sai de um lugar que só trabalha com RGB — um seletor de cor do sistema operacional, um print de tela analisado num editor, uma referência de marca em rgb() — mas o destino final pede hex, como acontece na maioria das propriedades de cor do CSS. Em vez de fazer a conta na mão, com cada canal de 0–255 virando um par de dígitos em base 16, basta colar o valor aqui.

Como usar

1. Cole o valor RGB. Digite ou cole algo como rgb(64, 147, 230), só os números separados por vírgula ou espaço, ou até com porcentagem e opacidade — o campo entende os formatos mais comuns.
2. Ajuste Vermelho, Verde e Azul se precisar. Os três campos numéricos abaixo ficam sincronizados com o texto: mude qualquer um e os outros acompanham, então dá pra refinar a cor sem reescrever tudo.
3. Copie o hex. O resultado aparece em destaque com a amostra da cor ao lado; clique para copiar, ou use os botões de rgb() e hsl() logo abaixo se precisar de outro formato.

Como a conversão funciona

A conversão de RGB para hex não perde precisão em nenhum momento: cada canal de Vermelho, Verde ou Azul é um número de 0 a 255, e cada par de dígitos do hex, de 00 a FF, representa exatamente o mesmo valor, só que escrito em base 16 em vez de base 10. Por isso rgb(64, 147, 230) e #4093E6 são a mesma cor, sem arredondamento — diferente do que acontece quando se converte para HSL, onde os graus de matiz costumam ser arredondados para caber num número inteiro.

O único caso em que entra arredondamento é a opacidade: quando o valor tem um canal alfa, como em rgb(64 147 230 / 50%), o resultado em hex de 8 dígitos guarda essa transparência em mais um par de dígitos, de 00 a FF. Um alfa de 50% vira 80 em hex, que é 128 dividido por 255 — ligeiramente diferente de exatamente metade. Vale lembrar também que RGB e hex descrevem cores do espaço sRGB; tons de gama ampla, como os do Display P3, não cabem nesses formatos e usam a notação color(display-p3 ...) do CSS moderno.

Por que é grátis?

Essa conversão roda inteira no seu navegador — não existe conta para criar, marca d’água no resultado nem versão paga com mais recursos. O FreeToGenerate.com é uma coleção de ferramentas que fazem exatamente o que prometem, de graça, sem letra miúda.