Conversor HEX para RGB

Converta qualquer código HEX para RGB, HSL e HSV instantaneamente. Copie valores com um clique para CSS, ferramentas de design ou qualquer fluxo criativo.

RGB · HSL · HSVCópia em 1 cliqueCSS-ready

① Insira um código HEX ou escolha uma cor ② Converta para obter RGB, HSL e HSV ③ Clique em um valor para copiar

Cor HEX

Presets:

Como funciona

Cole qualquer código HEX de 6 dígitos (ex. #FF4500) e obtenha instantaneamente os valores RGB, HSL e HSV equivalentes. Clique em qualquer resultado para copiá-lo.

RGB

Vermelho, Verde, Azul — o modelo de cor padrão para ecrãs. Cada canal vai de 0 a 255. Usado nativamente em CSS com rgb().

HSL & HSV

HSL (Matiz, Saturação, Luminosidade) e HSV (Matiz, Saturação, Valor) descrevem as cores de forma mais intuitiva, próxima da percepção humana.

HEX para RGB, HSL e HSV — como funciona a conversão

Os códigos HEX são a representação hexadecimal dos três canais RGB (Vermelho, Verde, Azul). #FF4500 equivale a R=255, G=69, B=0. A função CSS rgb() é o formato mais usado em folhas de estilo e sistemas de design. HSL adiciona o Matiz 0–360°, saturação e luminosidade em percentagem. HSV usa Valor em vez de Luminosidade, mais natural para a mistura visual em Figma, Adobe e outras ferramentas. Os três formatos são usáveis diretamente em CSS, SVG e canvas.

Perguntas frequentes

Um código HEX é uma representação de 6 caracteres com prefixo #. Os primeiros 2 são Vermelho, os seguintes 2 Verde e os últimos 2 Azul, de 00 (0) a FF (255). #FF0000 é vermelho puro: R=255, G=0, B=0.

Divida os 6 caracteres em três pares e converta cada um da base 16 para a base 10. FF torna-se 255, 80 torna-se 128, 00 torna-se 0. O resultado é um triplo rgb(R, G, B).

Ambos usam Matiz (0–360°) e Saturação, mas diferem no terceiro componente. HSL: Luminosidade 0%=preto, 100%=branco, 50%=cor pura. HSV: Valor 0%=preto, 100%=brilho máximo. HSL é preferido em CSS; HSV na maioria dos seletores de cor gráficos.

CSS suporta rgb() e hsl() nativamente. rgb() é o mais usado. hsl() é útil para variações sistemáticas de cor. HSV não é suportado nativamente mas é usado pelo Figma e Sketch.

Sim, HEX ↔ RGB é matematicamente exato e reversível. A conversão para HSL e HSV introduz arredondamentos a graus inteiros, mas permanece precisa para uso prático.

Use rgb() ou hsl() em CSS, introduza valores R/G/B no Figma, use HSV para escalas de cor uniformes, ou continue com o gerador de paletas ou tint & shade.

A ferramenta converte qualquer código HEX de 6 dígitos válido (#000000 a #FFFFFF), cobrindo os mais de 16 milhões de cores do modelo RGB de 8 bits. A conversão é feita no browser sem envio de dados.

HEX para RGB, HSL e HSV — como funciona a conversão

Perguntas frequentes

Explore a nossa rede