Conversor hex para RGB
Leia qualquer código hex como números comuns: #3498db é vermelho 52, verde 152 e azul 219, porque cada par de dígitos é um número em base 16, pronto para colar como rgb(52, 152, 219). Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Hexadecimal
- #3498db
- Hex bruto
- #3498db
- Hex de 6
- 3498db
- Resistência (Ω)
- 52
- G
- 152
Um conversor de hex para RGB recebe uma cor escrita como código hexadecimal—três ou seis dígitos, com ou sem o hash inicial—e a decompõe nos três canais inteiros que toda tela, canvas e sistema de tokens de design ainda falam nativamente: vermelho, verde e azul, cada um de zero a duzentos e cinquenta e cinco. Cole #3498db ou a forma curta #abc; a ferramenta expande a abreviação quando necessário, normaliza para um hex de seis dígitos em minúsculas e devolve r, g, b mais uma string CSS rgb() pronta para colar e a matemática de canais passo a passo.
O que uma cor hex significa e como o RGB é obtido
Códigos de cor hexadecimais empacotam três canais de oito bits em uma string compacta que folhas de estilo, ferramentas de design e guias de marca usam há décadas. Na forma de seis dígitos #RRGGBB, os dois primeiros caracteres codificam o vermelho, os do meio o verde e os dois últimos o azul; cada par é interpretado como um inteiro em base dezesseis de zero (00) a duzentos e cinquenta e cinco (FF).
A abreviação de três dígitos #RGB é uma comodidade do CSS que dobra cada dígito: #abc vira #aabbcc, de modo que um único nibble substitui um byte completo quando a paleta só precisa de passos grosseiros. Este conversor faz exatamente esse mapeamento: remove um hash inicial opcional, rejeita tudo que não forem três ou seis dígitos hexadecimais, expande a abreviação quando presente e então analisa cada par de dois caracteres em base dezesseis.
O resultado são três inteiros que você pode alimentar em estilos de preenchimento de canvas, estilos inline do React, HTML de e-mail ou um calculador de razão de contraste sem rederivar o empacotamento de bits por conta própria. Exercícios de sala de aula e entrevistas de programação costumam pedir essa transformação à mão; ter uma referência determinística remove a ambiguidade sobre maiúsculas, presença de hash e expansão da abreviação.
Dicas práticas, limites e buscas relacionadas
Prefira enviar a string hex que sua ferramenta de design exportou, incluindo o hash se você o tiver; ambas as formas funcionam e a resposta sempre normaliza para hex de seis dígitos em minúsculas para que diffs posteriores permaneçam estáveis. Não passe formas com alfa como #RRGGBBAA ou #RGBA—esta página se limita de propósito ao empacotamento RGB opaco clássico, e esses comprimentos são rejeitados para que você note em vez de descartar o alfa em silêncio.
Cores CSS nomeadas como rebeccapurple estão fora do escopo; converta-as antes com uma tabela de cores nomeadas ou use uma ferramenta multi-espaço mais ampla quando também precisar de HSL, LAB ou CMYK. Ao escrever testes unitários, cubra ao menos um caso de seis dígitos, uma expansão de três dígitos, uma entrada em maiúsculas, uma entrada sem hash e um comprimento inválido deliberado para que regressões de validação não passem despercebidas.
Esta página atende quem busca um conversor hex para RGB, #RRGGBB para vermelho verde azul ou uma calculadora gratuita de cor hex para RGB online; não é um suite completo de gerenciamento de cor, nem um extrator de paletas a partir de imagens, nem um caminho inverso RGB-para-hex. Prefira esta capacidade quando você já tem um token hex e só precisa dos três inteiros de canal ou de uma string css rgb(); se seu pipeline precisa passar por HSL ou CMYK de impressão, use em vez disso um conversor multi-formato.
Casos de uso
Entrega de tokens de design a engenheiros
Designers colam códigos hex de marca do Figma ou de um guia de estilo e recebem inteiros r, g, b exatos e uma string CSS rgb() para tickets de implementação.
Ajudantes de estilo inline e preenchimento de canvas
Converta o hex fornecido pelo usuário a partir de um seletor de cor em canais numéricos para CanvasRenderingContext2D, atributos SVG ou objetos de estilo do framework.
Perguntas frequentes
Quais formatos hex o conversor de hex para RGB aceita?
Cores hexadecimais de três dígitos (#RGB) e seis dígitos (#RRGGBB), com ou sem # inicial. Letras podem ser maiúsculas ou minúsculas. Formas com alfa e cores CSS nomeadas não são aceitas.
Como a abreviação de três dígitos é expandida?
Cada dígito é dobrado: #abc vira #aabbcc; em seguida cada par é interpretado como inteiro em base 16 de 0 a 255.
O que r, g e b representam?
Intensidades dos canais vermelho, verde e azul como inteiros de 0 a 255.
O conversor de hex para RGB é grátis?
A ferramenta do navegador é gratuita e roda localmente.
Quais valores RGB #3498db dá?
Dá vermelho 52, verde 152 e azul 219. Os pares 34, 98 e db são lidos como números em base 16, e o resultado aparece como rgb(52, 152, 219).
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/color/hex-rgb \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#3498db"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-rgb", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#3498db"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-rgb",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#3498db"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-rgb", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#3498db"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#3498db"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-rgb", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"hex": "#3498db"
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_rgb",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Limites
max_hex_chars | 7 |
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
Códigos inválidos—comprimento errado, caracteres não hexadecimais, entrada vazia ou um prefixo de programação 0x—falham com um erro claro invalid_input em vez de inventar uma cor. O caminho é análise puramente determinística—sem rede, sem sementes aleatórias, sem dependência do relógio de parede—assim o executor gratuito do navegador e a API pré-paga devolvem o mesmo JSON toda vez que você a chama.
Como chamar a API e o que volta
Exemplos válidos incluem #3498db, 3498db, #ABC e abc; o espaço em branco ao redor é removido, as letras podem ser maiúsculas ou minúsculas e o hash é opcional. Envie um corpo JSON com um campo string obrigatório chamado hex—os aliases color, value, text, input e code são aceitos pelo mesmo solver. Em caso de sucesso a resposta devolve hex como string normalizada em minúsculas #rrggbb, hex6 sem o hash, campos inteiros r, g e b junto com aliases red, green e blue, um array rgb de três números, uma string css na forma rgb(r, g, b), booleanos shorthand e had_hash descrevendo a forma original, uma mensagem curta em inglês e um array steps que mostra cada linha de canal parseInt para depuração ou ensino. Validação falha—campo ausente, string vazia após o hash, comprimento diferente de três ou seis, caracteres não hex, espaços dentro do corpo, um prefixo de programação 0x ou um número nu em vez de string—retorna invalid_input e nunca é cobrada. O preço é um valor fixo US$ 0,002 por requisição bem-sucedida com unidade item e preço marginal unitário zero.
Dicas práticas, limites e buscas relacionadas
Tarefas falhas que retornam invalid_input não consomem saldo pré-pago, o que mantém baratos scripts exploratórios e validação de formulários enquanto aprendizes colam valores imperfeitos da área de transferência.
Casos de integração
Testes unitários de fixtures de tema e paleta
Gere triplas RGB de referência a partir de fixtures hex para que testes de regressão visual e de razão de contraste afirmem valores de canal estáveis.
Perguntas técnicas
O que acontece com um código hex inválido?
A API retorna invalid_input com uma mensagem descrevendo o problema (entrada vazia, comprimento errado, caracteres não hex, prefixo 0x e assim por diante). Validação falha não é cobrada.