Toolzi LogoToolzi

Conversor HEX para RGB

Converta códigos de cor HEX, RGB e HSL instantaneamente.

Pré-visualização da cor
HEX
RGB
HSL

O que são HEX, RGB e HSL?

HEX, RGB e HSL são três formas comuns de representar cores no desenvolvimento web. HEX usa um código hexadecimal de 6 dígitos, RGB usa valores vermelho/verde/azul (0–255) e HSL usa matiz (0–360°), saturação e luminosidade (0–100%).

HEX vs RGB vs HSL — Quando usar cada um?

HEX

Formato mais compacto. Usado em CSS para cores estáticas e ferramentas de design. Exemplo: #ff5733

RGB

Útil para controlar opacidade com rgba(). Corresponde diretamente aos canais de cor da tela. Exemplo: rgb(255, 87, 51)

HSL

Formato mais intuitivo para humanos. Fácil de ajustar brilho ou saturação por código. Ideal para sistemas de temas. Exemplo: hsl(11, 100%, 60%)

Como converter códigos de cor

Clique no seletor de cores ou digite diretamente nos campos HEX, RGB ou HSL. Os outros formatos são atualizados instantaneamente. Use os botões Copiar para copiar cada formato para a área de transferência.

Perguntas frequentes

O que é um código de cor HEX?
Um código HEX é um número hexadecimal de 6 dígitos (ex. #ff5733) que representa os componentes vermelho, verde e azul de uma cor, cada um variando de 00 a ff.
Como converter HEX para RGB?
Divida o HEX em três pares de 2 dígitos e converta cada um da base 16 para base 10. Exemplo: #ff5733 → R:255, G:87, B:51.
O que é cor HSL?
HSL significa Matiz (Hue, 0–360°), Saturação (0–100%) e Luminosidade (0–100%). É um formato mais intuitivo para humanos.
Qual formato de cor usar no CSS?
Os três são válidos no CSS. HEX para cores estáticas, HSL para temas e RGB quando precisar de rgba() para opacidade.
Posso converter um código HEX de 3 dígitos?
Sim. Um HEX de 3 dígitos (ex. #f53) é a abreviação de #ff5533. Cada dígito é duplicado para obter o valor completo.
Por que o matiz HSL mostra 0 para cores cinzas?
Cores cinzas têm 0% de saturação, tornando o matiz indefinido. O padrão é 0 — este é o comportamento esperado.
Este conversor de cores é preciso?
Sim. As conversões usam fórmulas matemáticas padrão e são precisas para todas as entradas de cor válidas.

Ferramentas relacionadas

Color Extractor →CSS Gradient Generator →