design

HEX para RGB e CMYK em 2026: Por que a cor de impressão nunca fica igual à da tela

Converter HEX para RGB é uma matemática exata. Já RGB para CMYK é um palpite imperfeito que depende da impressora, do papel e de um perfil ICC. Entenda a diferença, veja a matemática por trás disso e saiba onde um conversor online realmente ajuda.

Published 2026-06-04 · 8 min read

Affiliate disclosure

Some links below are affiliate links. I may earn a commission from qualifying purchases at no extra cost to you. I only recommend tools I have used or tested.

Cartelas de amostras de cores com valores CMYK e RGB hex sendo usadas por um designer gráfico em sua mesa de trabalho
Photo by Andy Brown on Unsplash

TL;DR

  • HEX é apenas sRGB. #RRGGBB é apenas uma abreviação para três canais de 0–255. HEX ↔ RGB é uma conversão exata e sem perdas — pura matemática de base 16.
  • RGB → CMYK não é. Não existe uma fórmula universal e perfeita. A resposta real depende da impressora, do papel e de um perfil ICC (SWOP, GRACoL, Fogra39, ISO Coated). Conversores online usam uma aproximação genérica.
  • Tela ≠ impressão ocorre principalmente por causa da física: telas adicionam luz (RGB), tintas subtraem luz (CMYK), e o espaço de cores (gamut) do CMYK é menor. Cores saturadas na tela são cortadas e perdem o brilho no papel.
  • Preto rich (ex: 100K + 50C/50M/50Y) é mais profundo do que o preto simples de 100% K, mas fique de olho na cobertura total de tinta (máx. de ~240–320%) e nunca o use em textos pequenos.
  • Fluxo de trabalho: designer em RGB, faça uma prévia (soft-proof) com o perfil da gráfica e converta para CMYK por último. Um conversor online é ótimo para testes, mas não serve para definir a cor final de produção.

O que realmente são HEX, RGB e CMYK

São três formas de escrever, dois modelos de cor e uma fonte constante de confusão.

HEX não é um modelo de cor. É apenas uma notação para o sRGB. Uma cor hexadecimal como #1ABC9C nada mais é do que três pares de dígitos em base 16 — vermelho, verde e azul — exatamente como definido na documentação do MDN sobre <hex-color> e padronizado no CSS Color Module Level 4. Quando você cola um código hex, você está se comunicando com uma tela.

RGB é aditivo. Você parte do preto (ausência de luz) e vai adicionando luz vermelha, verde e azul para criar as cores; as três no máximo te dão o branco. Cada canal vai de 0 a 255, o que nos dá cerca de 16,7 milhões de combinações e uma gama de cores bem ampla. É assim que todo monitor, celular e TV funciona.

CMYK é subtrativo e vive no papel. As tintas ciano, magenta, amarelo e preto (K) cada uma absorve uma parte do espectro luminoso; o que sobra reflete para os seus olhos. Os canais são expressos de 0 a 100%. Como a tinta só consegue absorver a luz de um papel branco — e porque nenhuma tinta no mundo real é 100% pura — o CMYK tem um espaço de cores menor que o RGB. Além disso, existe um limite físico duro: impressoras limitam a cobertura total de tinta em cerca de 240–320% (a soma de todos os quatro canais), senão o papel encharca e fura. Dê uma olhada na visão geral do modelo de cor CMYK para entender o quadro completo.

Essa diferença de espaço de cores é a resposta para "por que não fica igual?".

HEX ↔ RGB: matemática exata, sem desculpas

Essa é a parte fácil e honesta da conversão de cores. HEX e RGB são exatamente a mesma coisa disfarçada, então a conversão de ida e volta é sem perdas.

Cada par do código hex é um número de dois dígitos em base 16. Para achar o valor decimal:

valor = (primeiroDígito × 16) + segundoDígito

onde A=10, B=11, C=12, D=13, E=14, F=15.

Exemplo prático com #1ABC9C:

  • R = 1A → (1 × 16) + 10 = 26
  • G = BC → (11 × 16) + 12 = 188
  • B = 9C → (9 × 16) + 12 = 156

Então #1ABC9C = RGB(26, 188, 156). Converta de volta — 26 ÷ 16 = 1, sobra 10 → 1A, e assim por diante — e você vai cair exatamente onde começou. Não tem perfil, não tem dispositivo, não tem arredondamento. Se algum conversor te der um valor diferente para esse hex, ele está quebrado.

RGB → CMYK: onde a exatidão termina

Aqui está a parte que as dicas de ferramentas não te contam: não existe uma única conversão correta de RGB → CMYK. O mesmo valor RGB mapeia para diferentes misturas de tinta dependendo da impressora, do tipo de papel e do perfil ICC envolvido — SWOP e GRACoL na América do Norte, Fogra39 / ISO Coated na Europa. Esses perfis codificam como uma condição específica de impressão realmente reproduz as cores, como explica este artigo da colourphil sobre os padrões SWOP, GRACoL e ISO.

O que os conversores online (incluindo as ferramentas rápidas) realmente usam é uma fórmula genérica, sem nenhum perfil, que é basicamente isso:

K = 1 − max(R, G, B) / 255
C = (1 − R/255 − K) / (1 − K)
M = (1 − G/255 − K) / (1 − K)
Y = (1 − B/255 − K) / (1 − K)

É determinístico e gera um valor CMYK plausível, mas não faz a menor ideia de como é o seu papel ou a sua impressora. O maior erro aqui é com as cores fora da gama (out-of-gamut): um azul neon elétrico ou um verde vibrante de tela que simplesmente não podem ser misturados com tinta CMYK. A fórmula ingênua vai te entregar os números direitinho, mas uma conversão com perfil real cortaria essa cor para a mais próxima possível de ser impressa — mais opaca e um pouco mudada. É por isso que aquela cor saturada da marca da sua empresa tantas vezes chega da gráfica parecendo "morta".

Para a nossa cor de exemplo, uma conversão genérica de #1ABC9C chega perto disso:

HEXRGBCMYK (aprox — varia por impressora)
#1ABC9C26, 188, 15686C / 0M / 17Y / 26K

Trate esse CMYK como uma estimativa inicial, não como uma especificação. Em uma prova real usando GRACoL ou Fogra39, esses números vão mudar.

Por que a tela nunca vai ser igual à impressão

Vamos empilhar os motivos em ordem de impacto:

  1. Aditivo vs subtrativo (o principal). Telas emitem luz e somam os canais até chegar ao branco; a tinta absorve luz e subtrai até chegar ao preto. Duas formas opostas de criar cor nunca vão se alinhar perfeitamente. O guia da Printful sobre RGB vs CMYK é um excelente resumo em português claro sobre o assunto.
  2. Limites da gama de cores (gamut). O CMYK simplesmente não alcança os cantos mais saturados do RGB. Qualquer cor fora da gama do CMYK é "cortada" e achatada.
  3. Brilho e calibração do monitor. Um display não calibrado com o brilho no talo faz tudo parecer muito mais luminoso do que a tinta jamais conseguiria ser. Aquela cor "perfeita" que você via na tela já era otimista demais desde o início.
  4. Falta de perfil ICC. Sem uma visualização de soft-proof contra a condição real da impressão, você está trabalhando no escuro e torcendo para dar certo.

Nada disso é um bug. É simplesmente o preço de mover uma cor entre dois meios fisicamente diferentes.

Preto Rich (Rich black): quando 100% K não é preto o bastante

O preto comum (100% K, e mais nada) imprime muito bem para textos de corpo, mas pode parecer chapado ou levemente cinza em áreas grandes e sólidas. A solução é o preto rich: colocar cor por baixo do preto. Uma receita comum é 100K com 50C / 50M / 50Y, o que resulta em um preto muito mais profundo e denso — o guia da ColorVision Printing sobre o preto rich explica bem as misturas típicas.

Dois alertas importantes:

  • Cobertura total de tinta. O preto rich empilha canais uns sobre os outros. Mantenha a soma dentro do limite da sua impressora (~240–320%) ou você vai manchar o papel e a secagem será lenta.
  • Não use em textos pequenos. Usar várias chapas de tinta significa que qualquer mínimo desalinhamento no registro vai aparecer como bordas borradas e com sombras. Para textos miúdos, use apenas o 100% K puro.

Onde um conversor online realmente ajuda (e onde não ajuda)

Um conversor de HEX/RGB/CMYK é uma ferramenta muito útil — desde que você saiba qual metade é exata e qual é apenas um chute.

Use para:

  • HEX ↔ RGB — 100% confiável. Pegue o código exato para o seu CSS, um design token ou um payload de API.
  • Estimativa do CMYK — uma checagem rápida para ver se uma cor está pelo menos perto do que é possível imprimir antes de você se comprometer com ela.
  • Exploração — ter uma noção visual de como um tom da sua marca se divide entre diferentes notações.

Não use para:

  • Cores finais para a impressão. Um CMYK sem perfil não serve como especificação gráfica. Para qualquer coisa que vá para a impressora de verdade, faça um soft-proof no seu software de design usando o perfil ICC fornecido pela gráfica, e converta isso como o último passo do processo.

Se você está escolhendo e testando cores para uma interface web, junte o conversor com um verificador de contraste de cores para garantir que a paleta que você definiu esteja dentro da marca e seja legível, além de um gerador de paleta de cores quando precisar criar variações de tons em torno de uma cor base. Esses dois cuidam do lado da tela; o conversor apenas traduz a notação.

O modelo mental mais honesto é: HEX e RGB são o mesmo número exato; CMYK é uma tradução para um idioma diferente, com um vocabulário menor. Algumas coisas não têm tradução exata, e nenhum conversor consegue inventar uma tinta que não existe.

FAQ

Por que a cor da tela fica diferente quando impressa? Física diferente. Telas adicionam luz (RGB, aditivo); tintas subtraem luz (CMYK, subtrativo). A gama menor do CMYK corta as cores saturadas, e o brilho do monitor, a calibração e a falta de um perfil ICC só aumentam essa diferença.

Existe uma fórmula exata de RGB → CMYK? Não. HEX ↔ RGB é exato; RGB → CMYK depende do dispositivo, do papel e do perfil ICC (SWOP/GRACoL/Fogra39/ISO Coated). Conversores online usam apenas uma aproximação genérica.

O que é preto rich? É um preto construído com o canal K mais tintas C/M/Y por baixo (ex: 100K/50C/50M/50Y) para ficar mais escuro e profundo do que o 100% K simples. Fique de olho na cobertura total de tinta e não o use em textos miúdos.

Devo trabalhar em RGB ou CMYK? RGB — você tem uma gama maior, prévias fiéis e ferramentas mais rápidas. Faça o soft-proof com o perfil da gráfica e converta para CMYK por último.

Fontes

  1. MDN: <hex-color> CSS data type
  2. W3C: CSS Color Module Level 4
  3. Wikipedia: CMYK color model
  4. Colourphil: ISO, SWOP and GRACoL printing standards
  5. Printful: RGB vs CMYK — guide to color systems
  6. ColorVision Printing: What is rich black?

Continue lendo


“Falar é fácil. Mostre-me o código.”
― Linus Torvalds

design

Guia da Sintaxe do Cron (2026): Como Ler e Criar Qualquer Expressão Crontab

Sintaxe do cron explicada: a ordem dos 5 campos, um modelo para ler em 10 segundos, 16 receitas testadas, a pegadinha do OR no dia da semana, armadilhas de horário de verão e cron vs systemd timers.

10 min read

ferramenta de desenvolvedor testador de regex e construtor de padrões — ilustração original da capa

design

Regex Tester & Pattern Builder: Um Guia Prático para Padrões que Realmente Funcionam

Como criar expressões regulares que realmente funcionam: âncoras, quantificadores, as armadilhas entre motores e o padrão ReDoS que pode travar seu servidor. Teste enquanto escreve.

9 min read

Notebook com código e planta em cafeteria

design

JSON vs YAML vs TOML: Quando Escolher Cada Um (Guia para Desenvolvedores)

JSON vs YAML vs TOML, sem mistério: JSON para APIs e dados, YAML para config de Kubernetes/CI (cuidado com o problema da Noruega), TOML para configurações explícitas como Cargo.toml. Um guia de decisão prático.

9 min read

Tudo começou com apenas HTML, CSS e um pouco de JavaScript.

design

Base64 Explicado: Quando e Por Que Desenvolvedores Usam (e as Armadilhas)

O que o Base64 faz (3 bytes viram 4 caracteres ASCII, +33% de tamanho), os casos de uso reais (data URIs, JWT, autenticação Basic auth) e as armadilhas: ele não é criptografia e nem compressão.

8 min read

Um código QR estilizado e escaneável em um fundo verde, ilustrando o design de um QR code personalizado com a marca

design

QR Codes com a Sua Marca: Como Adicionar Logo e Cores com um Gerador Gratuito

Como a correção de erros permite sobrepor um logo a um QR code, as regras de contraste e zona de silêncio para manter a leitura, e a pegadinha do estático versus dinâmico.

8 min read

Primeiro plano da folha de adesivos do Google Material design em um MacBook.

design

Ferramentas de Paleta de Cores para Acessibilidade: Por Que a Maioria das Paletas Falha Antes de Você Publicar

83,6% das homepages falham em contraste. Como escolher ferramentas que verificam paletas acessíveis, evitam erros comuns e testam as combinações corretas.

9 min read