Conversor de RGB para Hex
Ajuste os controles deslizantes ou cole um código HEX abaixo para converter instantaneamente entre RGB, HEX e HSL, com uma pré-visualização da cor em tempo real — tudo calculado no seu dispositivo.
Entrada de cor
Saída convertida
Avaliações
Como converter RGB para HEX
- Arraste os controles deslizantes Vermelho, Verde e Azul — ou cole um código HEX diretamente no campo — para definir uma cor.
- Observe a amostra de pré-visualização e os valores HEX, RGB e HSL serem atualizados em tempo real à medida que você faz qualquer ajuste.
- Clique em qualquer cartão de valor para copiá-lo, pronto para ser colado no CSS, em um software de design ou no código.
RGB, HEX e HSL: qual é a diferença?
RGB, HEX e HSL descrevem exatamente as mesmas cores — são apenas formas diferentes de representar os mesmos números. O RGB define uma cor com base na proporção de luz vermelha, verde e azul que se combinam para formá-la, cada uma em uma escala de 0 a 255. HEX consiste nos mesmos valores RGB reescritos como um código compacto de 6 dígitos na base 16, e é por isso que rgb(31, 58, 95) e #1f3a5f são cores idênticas. Já o HSL descreve uma cor por meio do matiz (sua posição na roda de cores), da saturação (o quão vívida ela é) e da luminosidade — um formato que costuma ser mais intuitivo para escolher tons relacionados.
Em que contextos cada formato é normalmente utilizado
| Formato | Uso típico | Por que |
|---|---|---|
| HEX | CSS, HTML, ferramentas de design | Curto, fácil de colar e compartilhar como uma única sequência de caracteres |
| RGB | CSS com transparência (rgba) | Suporta um canal alfa para opacidade |
| HSL | Criação de paletas de cores | É fácil criar tons mais claros/escuros ou tons semelhantes alterando um número |
Como usar esses valores no CSS
Qualquer um dos três formatos funciona diretamente em uma folha de estilo: color: #1f3a5f;, color: rgb(31, 58, 95); e color: hsl(210, 51%, 25%); todos exibem o mesmo azul-marinho. HEX é a notação mais comum para cores sólidas, enquanto RGB (ou sua rgba() variante) é útil quando uma cor precisa de transparência parcial, e o HSL facilita a geração de um conjunto consistente de tons, mantendo o matiz fixo e ajustando apenas a luminosidade.
Perguntas frequentes
Este conversor de RGB para HEX é gratuito?+
Sim. Ele funciona inteiramente com JavaScript no seu navegador, portanto, não é necessário criar uma conta, nem usar uma chave de API, e não há limite para o número de vezes que você pode usá-lo.
Meus dados de cores são enviados para algum lugar?+
Não. Todas as conversões ocorrem localmente no seu navegador. Nada é enviado a um servidor, armazenado ou registrado.
Qual é a diferença real entre HEX e RGB?+
Elas descrevem a mesma cor usando notações diferentes — o HEX é uma notação abreviada de 6 dígitos na base 16 para os mesmos valores de vermelho, verde e azul que o RGB representa como três números distintos, de 0 a 255.
Ferramentas para projeto e desenvolvimento
Como funciona este conversor
Os valores são convertidos em tempo real entre RGB, HEX e HSL com JavaScript à medida que você digita ou seleciona uma cor — nada do que você inserir será enviado para um servidor ou armazenado em lugar algum.
Última atualização: 28 de agosto de 2026.
Mais ferramentas na caixa
Mais ferramentas gratuitas que não exigem chave de API estão disponíveis na página inicial.
Gerador de códigos QR
Transforme qualquer texto ou URL em um código QR que possa ser baixado.
Formatação de JSON
Formate, valide e minimize JSON com dicas de erros.
Gerador de favicons
Transforme uma imagem em todos os tamanhos de favicon de que você precisar.
Gerador de UUID
Gere UUIDs v4 aleatórios em massa, instantaneamente.