Como converter RGB para HEX e HEX para RGB?

Digite um valor RGB como rgb(46, 139, 87) e o campo HEX mostra na hora #2E8B57 — e o contrário também funciona. Como todos os formatos ficam sincronizados, a conversão acontece nos dois sentidos sem nenhuma etapa extra.

Como converter RGB para CMYK para impressão?

Os campos CMYK e CMYKA são atualizados sempre que você muda qualquer outro formato, entregando valores de ciano, magenta, amarelo e preto prontos para impressão. Lembre-se de que o CMYK depende do dispositivo, então a cor na tela e a impressa podem ter pequenas diferenças.

Como converter HEX para CMYK?

Cole o código HEX, por exemplo #2E8B57, no campo HEX e os valores de CMYK aparecem imediatamente nos campos correspondentes. A ferramenta calcula a conversão automaticamente, sem precisar passar antes por RGB manualmente.

A ferramenta converte cores Pantone?

Esta ferramenta trabalha com formatos digitais e de impressão calculáveis — HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK e CMYKA. As cores Pantone são um sistema proprietário de tintas e não têm conversão exata por fórmula, mas você pode usar o valor HEX ou CMYK mais próximo como referência aproximada.

Ferramentas de cor

Conversor de cores online | Sincronização RGB, HEX, HSL, HSV e CMYK

Converta cores entre RGB, HEX, HSL, HSV e CMYK online: edite um formato e veja todos os outros valores atualizarem na hora, ideal para RGB para CMYK.

Sincronização ao vivoSem upload

Prévia visual

Use a amostra, o seletor nativo e o controle alpha para ajustar a mesma cor com precisão em todos os formatos.

Cor de prévia

#3B82F6

rgba(59, 130, 246, 0.84)

Seletor de cores

#3B82F6

Alpha

0.84

Canais ao vivo

HEX

R: 59
G: 130
B: 246
A: 0.84

Dica de edição

Se um campo ficar temporariamente inválido enquanto você digita, a última cor válida continua ativa. Complete o valor e os outros formatos voltarão a sincronizar automaticamente.

Sincronização ao vivoSem upload

Editor bidirecional de formatos de cor

Todos os formatos abaixo podem ser editados. Ao alterar HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, os outros modelos de cor permanecem sincronizados imediatamente.

HEX

origem

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Explicação

RGB

RGB é um modelo de cor padrão formado pelos canais vermelho (R), verde (G) e azul (B). Ao ajustar a intensidade desses três canais, o RGB consegue representar a maioria das cores visíveis nas telas e é um dos sistemas mais usados no ambiente digital.

RGBA

RGBA é RGB com um canal alpha para transparência. R, G e B usam normalmente valores de 0 a 255, enquanto A costuma variar de 0 a 1 ou de 0% a 100%. É comum em CSS quando a mesma cor precisa de diferentes níveis de opacidade.

HEX

HEX é uma forma hexadecimal de representar cores. É muito usada em web design e CSS porque é compacta e fácil de copiar. Um valor como #2E8B57 armazena vermelho, verde e azul em pares hexadecimais, e versões estendidas também podem incluir transparência.

HSL

HSL (Hue, Saturation, Lightness) representa cores RGB em um sistema cilíndrico. H indica a família da cor, S mostra a pureza da cor e L controla o brilho. 0% é o mais escuro, 50% é equilibrado e 100% é o mais claro.

HSLA

HSLA é a versão de HSL com canal alpha. Ela mantém matiz, saturação e luminosidade e adiciona transparência, o que a torna útil para sombras, sobreposições, preenchimentos semitransparentes e estados de interface.

HSV

HSV (Hue, Saturation, Value) é um espaço de cor criado por A. R. Smith em 1978, também conhecido como Hexcone Model. Como o valor descreve diretamente o brilho percebido, o HSV costuma ser mais intuitivo na seleção de cores.

HSVA

HSVA amplia o HSV com um canal alpha. É útil quando você quer trabalhar com matiz, saturação e valor e também descrever opacidade para interfaces e gráficos em camadas.

CMYK

CMYK é um modo de cor usado na impressão. Materiais impressos dependem da luz refletida para serem vistos, por isso funciona bem em jornais, embalagens e folhetos. Diferente do RGB das telas, o CMYK foi criado para tinta sobre papel.

CMYKA

CMYKA amplia o CMYK com um canal alpha. Isso é útil quando você precisa descrever valores de ciano, magenta, amarelo e preto junto com transparência em entregas de design ou ativos em camadas.

Como usar o conversor de cores online

Cole ou digite um valor em qualquer campo de formato, como HEX, RGB, RGBA, HSL, HSV ou CMYK.

Assim que o valor for válido, a ferramenta o converte automaticamente para todos os outros formatos de cor compatíveis.

Use o painel de prévia, o seletor de cores, o controle alpha e as ações de cópia para refinar e exportar a cor exata que você precisa.

Principais recursos

Sincronização bidirecional de formatos

Altere qualquer formato compatível e mantenha RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK e CMYKA sincronizados em tempo real.

Controles visuais de cor

Veja a cor atual instantaneamente com amostra ao vivo, seletor do navegador, controle alpha e leitura dos canais.

Conversão no navegador

Cada campo aceita sintaxe conhecida, e toda a conversão acontece no navegador para ser rápida e privada.

FAQ do conversor de cores

Posso editar qualquer formato de cor e atualizar todos os outros?

Sim. O conversor sincroniza nos dois sentidos. Se você editar RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, os outros formatos serão atualizados assim que o valor for válido.

Como a transparência é tratada durante a conversão?

HEX é mostrado sem alpha porque a página foca nos formatos solicitados. A transparência é preservada em RGBA, HSLA, HSVA e CMYKA, e a prévia sempre reflete a opacidade atual.

Este conversor de cores é privado?

Não. Toda a lógica de conversão roda localmente no seu navegador, então seus valores de cor não são enviados para um servidor.

Converta qualquer cor entre HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK e CMYKA em um só lugar. Edite um único campo e todos os outros modelos são atualizados na hora com sincronização bidirecional — ideal para passar de RGB para HEX, de RGB para CMYK ou de HEX para CMYK. Uma prévia ao vivo, o seletor nativo do navegador e o controle alpha permitem ajustar a opacidade com precisão. Toda a conversão acontece no seu navegador, então seus valores de cor nunca são enviados para um servidor.

Como usar o conversor de cores

1
Informe um valor de cor
Cole ou digite um valor em qualquer campo de formato, como #2E8B57 em HEX, rgb(46, 139, 87) em RGB ou hsl(146, 50%, 36%) em HSL.
2
Veja todos os formatos sincronizarem
Assim que o valor for válido, a ferramenta o converte ao mesmo tempo para todos os formatos compatíveis — RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK e CMYKA.
3
Ajuste a cor
Use a amostra ao vivo, o seletor nativo do navegador e o controle alpha para mudar o matiz e a opacidade, ou clique em Aleatório para explorar novas cores.
4
Copie ou exporte
Clique em qualquer campo para copiar o valor, ou use Copiar tudo para pegar todos os formatos de uma vez para o seu CSS, arquivos de design ou código.

Referências

W3C — CSS Color Module Level 4
Especificação do W3C que define os formatos de cor em CSS, incluindo hex, rgb(), hsl(), hwb() e a sintaxe de cor moderna.
MDN — valor CSS <color>
Referência da MDN que cobre todas as notações de cor em CSS, incluindo HEX, RGB/RGBA, HSL/HSLA e como funciona a transparência alpha.

Ferramentas relacionadas

Minificador de CSS

Minifique o CSS que usa os valores de cor HEX, RGB e HSL que você converteu.

Visualizador de SVG

Visualize e inspecione gráficos SVG que dependem de cores de preenchimento e traço.

Imagem para Base64

Codifique imagens em strings Base64 para uso inline junto com seus estilos de cor.

Formatador de JSON

Embeleze e valide o JSON que armazena paletas de cores e tokens de design.

Perguntas frequentes

Como converter RGB para HEX e HEX para RGB?: Digite um valor RGB como rgb(46, 139, 87) e o campo HEX mostra na hora #2E8B57 — e o contrário também funciona. Como todos os formatos ficam sincronizados, a conversão acontece nos dois sentidos sem nenhuma etapa extra.
Como converter RGB para CMYK para impressão?: Os campos CMYK e CMYKA são atualizados sempre que você muda qualquer outro formato, entregando valores de ciano, magenta, amarelo e preto prontos para impressão. Lembre-se de que o CMYK depende do dispositivo, então a cor na tela e a impressa podem ter pequenas diferenças.
Como converter HEX para CMYK?: Cole o código HEX, por exemplo #2E8B57, no campo HEX e os valores de CMYK aparecem imediatamente nos campos correspondentes. A ferramenta calcula a conversão automaticamente, sem precisar passar antes por RGB manualmente.
Posso editar qualquer formato de cor e atualizar todos os outros?: Sim. O conversor sincroniza nos dois sentidos. Se você editar RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ou CMYKA, os outros formatos são atualizados assim que o valor for válido.
A ferramenta converte cores Pantone?: Esta ferramenta trabalha com formatos digitais e de impressão calculáveis — HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK e CMYKA. As cores Pantone são um sistema proprietário de tintas e não têm conversão exata por fórmula, mas você pode usar o valor HEX ou CMYK mais próximo como referência aproximada.
Como a transparência é tratada durante a conversão?: O HEX é mostrado sem alpha porque a página foca nos formatos solicitados. A transparência é preservada em RGBA, HSLA, HSVA e CMYKA, e a prévia sempre reflete a opacidade atual.
Este conversor de cores é gratuito e privado?: Sim. O uso é totalmente gratuito e nenhum dado sai do seu dispositivo. Toda a lógica de conversão roda localmente no seu navegador, então seus valores de cor nunca são enviados para um servidor.