Conversor de Cores

Continuar na ferramenta

Mais páginas desta ferramenta

hex para rgb

Converter HEX para RGB

Um HEX de seis dígitos guarda três números disfarçados de letras e algarismos: um par para vermelho, um para verde, um para azul, cada um escrito em base 16. Esta página decompõe #00fa9a nesses três canais e mostra também a forma curta de três dígitos e o alfa de oito dígitos, prontos para colar em rgb() ou rgba().

Como decompor um HEX em três canais

Um HEX de seis dígitos se lê em três pares: RR, GG e BB. Cada par vai de 00 a FF em base 16, ou seja, de 0 a 255 em base 10, porque um byte tem 8 bits e 2 elevado a 8 dá exatamente 256 níveis por canal. Multiplicando os três canais, 256 x 256 x 256 chega a 16.777.216 combinações, o total de cores que o padrão sRGB da web representa nesse formato de 24 bits.
A forma curta de três dígitos existe para digitar menos: cada caractere é repetido antes de qualquer cálculo, então #0f8 vira #00ff88 e um quarto caractere de alfa, como em #0f8c, faz o mesmo com o canal de transparência. É só um atalho de escrita: o RGB decomposto de uma forma curta é idêntico ao da forma longa equivalente, sem perda nem ganho de precisão nessa expansão.
Quando o HEX tem oito dígitos (#RRGGBBAA), os dois últimos caracteres formam o canal alfa, também de 00 a FF, mas aqui o número representa opacidade: FF é 100% opaco e 00 é totalmente transparente. Ter os quatro canais já decompostos em número ajuda quando você precisa alimentar fórmulas que dependem dos componentes brutos, como a luminância relativa usada em contraste, que soma 0,2126 x R mais 0,7152 x G mais 0,0722 x B.

Exemplos de decomposição HEX → RGB

Verde menta do site

Entrada: #00fa9a
Saída esperada: rgb(0, 250, 154)

Os pares 00, fa e 9a viram 0, 250 e 154 em base 10: é o acento visual usado na identidade do jkit.tools.

Forma curta de três dígitos

Entrada: #0f8
Saída esperada: rgb(0, 255, 136)

Cada caractere dobra antes da leitura, 0 vira 00, f vira ff e 8 vira 88, chegando ao mesmo resultado de #00ff88 escrito por extenso.

HEX de oito dígitos com alfa

Entrada: #0ea5e9cc
Saída esperada: rgba(14, 165, 233, 0.8)

O byte final, cc, equivale a 204 em base 10; 204 dividido por 255 dá 0,8, o quarto valor que já sai pronto em rgba().

FAQ da ferramenta completa

A ferramenta converte a mesma cor entre HEX, RGB, HSL e outros formatos?

Sim. A proposta é mostrar representações equivalentes da mesma cor em formatos diferentes, facilitando uso em CSS, design systems, documentação visual e integração entre ferramentas de design e desenvolvimento. Você digita em um formato e recebe todos os outros sincronizados ao mesmo tempo, incluindo HSV, CMYK, LAB e XYZ.

HEX e RGB representam a mesma cor?

Qual é a diferença entre HEX, RGB e HSL?

O que significa o canal alpha de uma cor?

Por que a mesma cor pode parecer diferente em telas diferentes?

Quando faz mais sentido usar HSL em vez de HEX?

CMYK e RGB servem para a mesma coisa?

Toda conversão de cor é perfeita?

Perguntas frequentes

Por que #0f8 vira rgb(0, 255, 136) e não rgb(0, 15, 8)?

Porque a forma curta duplica cada caractere antes de converter, e não usa o dígito sozinho como valor. 0 vira 00 (0), f vira ff (255) e 8 vira 88 (136), então o resultado é o mesmo de escrever #00ff88 por extenso.

Todo HEX de seis dígitos é uma cor válida?

Sim, desde que os seis caracteres sejam dígitos de 0 a 9 ou letras de a a f. Como cada par vai de 00 a FF, existem 256 valores possíveis por canal e 16.777.216 combinações no total, cobrindo todo o espaço sRGB de 24 bits.

Preciso decompor o HEX se só vou usar a cor no CSS?

Não para exibir a cor, o navegador aceita HEX direto. Mas você precisa dos três ou quatro números quando vai calcular opacidade manualmente, misturar canais em JavaScript ou aplicar uma fórmula de contraste que espera R, G e B separados.

Próximos passos

Continuar na ferramenta

Abrir ferramenta completa

hex para rgb

Converter HEX para RGB

Como decompor um HEX em três canais

Um HEX de seis dígitos se lê em três pares: RR, GG e BB. Cada par vai de 00 a FF em base 16, ou seja, de 0 a 255 em base 10, porque um byte tem 8 bits e 2 elevado a 8 dá exatamente 256 níveis por canal. Multiplicando os três canais, 256 x 256 x 256 chega a 16.777.216 combinações, o total de cores que o padrão sRGB da web representa nesse formato de 24 bits.

A forma curta de três dígitos existe para digitar menos: cada caractere é repetido antes de qualquer cálculo, então #0f8 vira #00ff88 e um quarto caractere de alfa, como em #0f8c, faz o mesmo com o canal de transparência. É só um atalho de escrita: o RGB decomposto de uma forma curta é idêntico ao da forma longa equivalente, sem perda nem ganho de precisão nessa expansão.

Quando o HEX tem oito dígitos (#RRGGBBAA), os dois últimos caracteres formam o canal alfa, também de 00 a FF, mas aqui o número representa opacidade: FF é 100% opaco e 00 é totalmente transparente. Ter os quatro canais já decompostos em número ajuda quando você precisa alimentar fórmulas que dependem dos componentes brutos, como a luminância relativa usada em contraste, que soma 0,2126 x R mais 0,7152 x G mais 0,0722 x B.

Exemplos de decomposição HEX → RGB

Verde menta do site

Entrada: #00fa9a
Saída esperada: rgb(0, 250, 154)

Os pares 00, fa e 9a viram 0, 250 e 154 em base 10: é o acento visual usado na identidade do jkit.tools.

Forma curta de três dígitos

Entrada: #0f8
Saída esperada: rgb(0, 255, 136)

Cada caractere dobra antes da leitura, 0 vira 00, f vira ff e 8 vira 88, chegando ao mesmo resultado de #00ff88 escrito por extenso.

HEX de oito dígitos com alfa

Entrada: #0ea5e9cc
Saída esperada: rgba(14, 165, 233, 0.8)

O byte final, cc, equivale a 204 em base 10; 204 dividido por 255 dá 0,8, o quarto valor que já sai pronto em rgba().

FAQ da ferramenta completa

A ferramenta converte a mesma cor entre HEX, RGB, HSL e outros formatos?

HEX e RGB representam a mesma cor?

Qual é a diferença entre HEX, RGB e HSL?

O que significa o canal alpha de uma cor?

Por que a mesma cor pode parecer diferente em telas diferentes?

Quando faz mais sentido usar HSL em vez de HEX?

CMYK e RGB servem para a mesma coisa?

Toda conversão de cor é perfeita?

Perguntas frequentes