Conversor de HEX para CMYK

O que é um Conversor de HEX para CMYK?

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

Principais Recursos

Alternativas ao Conversor de HEX para CMYK

Exemplos de HEX para CMYK

#3b82f6

#FF5733

#0F172A

#FF0000

Conversões Comuns de HEX → CMYK

Tabela de referência de 10 cores canônicas com seus equivalentes HEX e CMYK ingênuos. Os valores usam a fórmula clássica `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)` arredondada para o inteiro por cento. **Lembrete**: estas são aproximações ingênuas, não valores ICC-corretos prontos-para-prensa. Para tiragens de produção, confirme com o perfil ICC da sua gráfica contra a prensa, tinta e papel reais.

Como Usar o Conversor de HEX para CMYK

1. 1

   Cole um código hex no campo HEX

   Jogue qualquer valor hex na entrada HEX — com ou sem o `#` na frente, na forma abreviada de 3 dígitos (`#F73`), forma cheia de 6 dígitos (`#FF5733`), forma abreviada alfa de 4 dígitos (`#F738`) ou forma cheia alfa de 8 dígitos (`#FF5733CC`). O parser normaliza todas as cinco formas de entrada para a mesma cor interna antes de derivar CMYK. A capitalização não importa (`#FF5733` e `#ff5733` interpretam de forma idêntica). Caracteres inválidos ou contagem errada de dígitos produzem um erro discreto inline; hex válido atualiza todo outro campo de formato em tempo real, incluindo CMYK. O alfa é ignorado na derivação CMYK — tinta não tem transparência.

2. 2

   Leia as porcentagens CMYK do campo CMYK

   O campo CMYK expõe o valor como quatro porcentagens de canal: `cmyk(76%, 47%, 0%, 4%)` para o blue-500 do Tailwind. Os canais são Cyan, Magenta, Yellow, Key (preto). Cada porcentagem representa cobertura de tinta — 0% significa nenhuma tinta naquele canal, 100% significa cobertura cheia. **Lembrete**: isto é uma inversão ingênua de sRGB, não uma conversão via perfil ICC. Use como estimativa inicial; confirme os valores finais com o pipeline ICC da sua gráfica contra a prensa, tinta e papel reais antes de qualquer tiragem de produção.

3. 3

   Clique em Copiar para pegar a string CMYK

   Cada card de formato tem um botão Copiar à direita. Um clique e o valor cai na sua área de transferência — o rótulo do botão brevemente pisca "Copiado!" para você saber. A string copiada é a notação CMYK padrão (`cmyk(76%, 47%, 0%, 4%)`), pronta para soltar num brief de design ou num e-mail para o fornecedor. Para saída específica de plataforma onde CMYK não é nativo (CSS, SwiftUI, Compose, Flutter todos trabalham em espaços de cor baseados em RGB), a seção Copiar como código abaixo do seletor emite o equivalente no formato de cada plataforma — útil quando você precisa da mesma cor expressa tanto para um alvo de tela quanto para um alvo de impressão.

4. 4

   Confira com RGB, HSL, OKLCH, cor nomeada

   O mesmo hex que você cola também acende os outros campos de formato — RGB para chamadas de canvas e hardware, HSL para CSS legado, OKLCH e OKLAB para design systems perceptualmente uniformes modernos (Tailwind v4, shadcn/ui), HSV e HWB para fluxos de seletor de cor de designer, e a cor nomeada CSS mais próxima para prosa de documentação. Você nunca fica trancado em hex → CMYK apenas. O seletor (quadrado SL + slider de matiz + slider de alfa) controla todos os nove simultaneamente, e em navegadores Chromium o botão EyeDropper amostra qualquer pixel na tela, inclusive fora do navegador.

5. 5

   Mande o hex de origem (não o CMYK) para a gráfica

   O melhor fluxo de preparação de impressão é mandar o hex de origem (ou a tripla OKLCH) para a gráfica e deixar o time de pré-impressão produzir o CMYK pronto-para-prensa via o perfil ICC apropriado (US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated ou um perfil customizado da prensa). A saída CMYK ingênua aqui é para suas estimativas internas, briefs de fornecedor e trabalho de prova de conceito — não para produção direta. Combine o CMYK ingênuo com o hex de origem em qualquer documento de spec para que o impressor tenha a referência autoritativa.

Erros Comuns de HEX / CMYK

Spec enviada ao impressor:
Cor de marca CMYK: cmyk(76%, 47%, 0%, 4%)
(saída de fórmula ingênua, sem conversão ICC)
Impressor envia arquivos prontos-para-prensa sem alteração.
Peça final: azul desbotado, fora da marca.

Spec enviada ao impressor:
Origem da cor de marca: #3b82f6
Estimativa CMYK ingênua: cmyk(76%, 47%, 0%, 4%)
Prensa de destino: ICC-correto via US Web Coated SWOP v2
Impressor roda conversão ICC: cmyk(82%, 53%, 0%, 0%) (deslocamento exemplo)
Peça final: casa com a prova digital.

Aprovar a cor de tela, esperar impressão idêntica:
#FF0000 parece vermelho vivo no monitor
cmyk ingênuo (0%, 100%, 100%, 0%)
Impressor roda ICC: CMYK dentro da gama mais próximo
Impressão final: vermelho puxado para laranja, ~20% menos saturado.
Reação: "isto está errado, reimprime".

Reserve tempo para uma prova úmida; aceite a incompatibilidade de gama:
#FF0000 → aproximação CMYK: cmyk(0%, ~95%, ~95%, 0%) ICC
Prova úmida no papel real: puxado para laranja, menos saturado
Time de design aprova a prova como a nova referência
Impressão final casa com a prova aprovada.

Especificar cor escura de alta cobertura sem conferir o total:
cmyk(85%, 85%, 85%, 95%) = 350% de cobertura total
Mandar para prensa de jornal (limite 220%)
Resultado: tinta não seca, folhas grudam, dano por borrão.

Confira a cobertura total de tinta contra o limite da prensa:
cmyk(85%, 85%, 85%, 95%) = 350% — acima dos 220% do limite de jornal
Reduza via GCR / UCR: cmyk(40%, 30%, 30%, 80%) = 180% total
Cabe no limite, imprime limpo, seca no prazo.

Especificar CMYK de marca sem detalhe de papel:
Vermelho de marca: cmyk(0%, 95%, 80%, 0%)
Imprimir em couché brilho E não-couché a partir do mesmo arquivo
Couché: vermelho vivo como esperado
Não-couché: laranja-avermelhado opaco, parece fora da marca.

Especifique CMYK por substrato, ICC-correto para cada:
Vermelho de marca em couché brilho: cmyk(0%, 95%, 80%, 0%) via Fogra39
Vermelho de marca em não-couché: cmyk(0%, 85%, 70%, 0%) via Fogra47
Cada papel recebe o CMYK pronto-para-prensa afinado para seu perfil ICC.
As duas peças lêem como o mesmo vermelho de marca na prensa.

Quem Usa HEX para CMYK

Designers de Impressão Preparando Briefs de Fornecedor

Antes de fechar um job de impressão, designers mandam para a gráfica um brief com cores de marca especificadas tanto em hex (a fonte da verdade) quanto numa aproximação CMYK (para o impressor estimar custos de tinta e tempo de prova). Cole cada hex de marca aqui, copie o CMYK ingênuo, solte os dois no documento de spec. A gráfica então roda a conversão ICC real contra o perfil da prensa deles e produz o CMYK pronto-para-prensa antes da chapagem. Não pule o hex de origem — é nele que a gráfica vai confiar para a conversão final.

Gerentes de Marca Estimando Custos de Impressão Antes do Orçamento

Orçamentos de impressão dependem em parte da cobertura total de tinta. CMYK ingênuo dá uma estimativa rápida da carga de tinta para uma paleta proposta: cores com K alto são mais baratas (menos tinta, secagem mais rápida), cores com CMY alto são mais caras (mais tinta, secagem mais longa, risco de saturação de papel). Cole o hex de marca candidato, leia as porcentagens CMYK e você tem um número defensável para a conversa de orçamento com o fornecedor de impressão antes de fechar a configuração completa da prensa.

Designers de Embalagem Conferindo Tela vs. Impressão

Trabalho de embalagem vive nos dois espaços ao mesmo tempo — a página de produto e-commerce renderiza em hex sRGB nas telas, a caixa física imprime em CMYK no papel cartão. Use a visão simultânea hex + CMYK para identificar cores que vão se ler de forma dramaticamente diferente entre as duas mídias (vermelhos altamente saturados, azuis profundos, verdes vivos que excedem a gama do CMYK) e sinalize essas cores ou para tratamento spot Pantone ou para um ajuste deliberado no sistema de marca que aceite a diferença de gama.

Times de Marketing Produzindo Campanhas Multicanal

Uma campanha multicanal tipicamente entrega o mesmo asset de marca para um site (hex sRGB), um disparo de e-mail (hex sRGB com fallback sRGB), gráficos de redes sociais (hex sRGB em plataformas que comprimem para AVIF/WebP), pôsteres impressos (CMYK em papel couché) e peças de mala direta (CMYK em papel não-couché). Converta o hex de origem uma vez, leia o CMYK ingênuo para as peças impressas, entregue ambos para o time de produção junto com a spec do perfil da prensa para que façam a conversão ICC adequada.

Designers Fazendo Tiragens Curtas em Impressora Digital

Para cartões de visita pontuais, embalagem-protótipo e material de marketing em lote pequeno passando por uma impressora digital (HP Indigo, Kodak NexPress, Xerox iGen), a aproximação CMYK ingênua acompanha a saída real mais de perto do que no offset porque máquinas digitais operam com gerenciamento de cor mais ajustado embutido no RIP. Ainda não é pronto-para-prensa, mas mais próximo — e a economia de tiragem curta significa que uma impressão de teste antes de fechar é barata. Cole o hex, leia o CMYK, faça um teste.

Designers Migrando Logos Antigos da Tela para Impressão

Assets de marca antigos só-web frequentemente vivem só como códigos hex, sem spec CMYK formal. Quando a marca precisa aparecer pela primeira vez em um cartão de visita impresso, brochura ou banner de feira, o time precisa de um ponto de partida CMYK. Cole cada hex legado aqui, leia o CMYK ingênuo, entregue ambos para o impressor para a conversão ICC-correta. Este é o fluxo canônico "marca nativa-digital vai para impressão" que cai em todo time de design eventualmente.

Educadores Ensinando Diferenças Entre Modelos de Cor

A visão simultânea hex + RGB + CMYK deixa o contraste aditivo-vs-subtrativo óbvio. Vermelho puro (`#FF0000`) renderiza como `rgb(255, 0, 0)` na tela e `cmyk(0%, 100%, 100%, 0%)` em CMYK ingênuo — alunos veem a inversão diretamente. Empurre para uma cor OKLCH de gama ampla, veja o CMYK saturar enquanto o sRGB faz clipping. Uma demonstração pronta para sala de aula de por que a conversão tela-para-impressão é um problema difícil e por que a fórmula ingênua não é o mesmo que gerenciamento de cor ICC-consciente.

Matemática de HEX para CMYK e Ressalva ICC

A Fórmula CMYK Ingênua

Opera sobre valores sRGB normalizados (floats 0-1 a partir dos inteiros 0-255 originais). Passo um: `K = 1 - max(R, G, B)`. Isto define K como a quantidade de "brilho ausente" — branco puro (R=G=B=1) rende K=0, preto puro (R=G=B=0) rende K=1. Passo dois: `C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`. Isto calcula cada canal CMY como a inversão restante depois de contabilizar K. Passo três: multiplique cada canal por 100 para a forma de porcentagem e arredonde para o inteiro mais próximo na exibição. Curto-circuito de preto puro: quando max(R,G,B) = 0, o denominador (1 - K) é zero, então retornamos `cmyk(0%, 0%, 0%, 100%)` direto.

Por que Isto NÃO é uma Conversão ICC

Uma conversão real via perfil ICC aplica uma transformação multi-estágio: perfil de origem (sRGB) → Profile Connection Space (tipicamente CIE LAB ou XYZ) → perfil de saída (US Web Coated SWOP v2, Fogra39, etc.). Cada estágio codifica medições empíricas da combinação real de tinta-papel-prensa — curvas de reflectância espectral, ganho de ponto em vários níveis de cobertura, limite total de tinta, ajustes de balanço de cinza. A fórmula ingênua não faz nada disso. Trata CMYK como uma abstração matemática em vez de como física de absorção de tinta, e é por isso que a saída pode desviar 5-15% por canal do que um pipeline ICC produz. Para produção, rode a conversão no Photoshop, Illustrator ou InDesign contra o perfil da prensa de destino, ou entregue o hex de origem para o time de pré-impressão da gráfica.

Perfis ICC Padrão por Região e Prensa

**Offset norte-americano**: US Web Coated SWOP v2 (o padrão certificado SWOP para papel couché, usado pela maioria das gráficas offset comerciais nos EUA); GRACoL 2006 Coated #1 para couché premium. **Offset europeu**: Fogra39 (norma ISO 12647-2 para couché); Fogra51 para couché premium mais novo; Fogra52 para não-couché; Fogra47 para jornal. **Offset japonês**: Japan Color 2011 Coated; Japan Color 2003 Web Coated para web offset. **Impressoras digitais**: cada fabricante fornece seu próprio perfil ICC para o modelo específico de prensa e conjunto de tintas (HP Indigo IndiChrome, Kodak NexPress E-Series, Xerox iGen). Sempre confirme com a gráfica — muitas têm um perfil customizado específico da prensa que sobrepõe os padrões genéricos.

Ganho de Ponto, Limite Total de Tinta e Efeitos de Substrato

**Ganho de ponto**: pontos de tinta fisicamente se espalham ao tocar papel absorvente, aumentando a cobertura aparente em 10-30% por canal; o operador da prensa compensa com curvas no RIP. A fórmula ingênua ignora isto inteiramente. **Limite total de tinta**: prensas offset limitam a cobertura total C+M+Y+K em torno de 280-320% para evitar set-off (tinta úmida transferindo para o verso da folha seguinte) e prevenir saturação do papel; jornal limita perto de 220%. A fórmula ingênua pode produzir 400% de cobertura total para cores escuras, o que seria não-imprimível. **Substrato**: papel creme desloca o ponto branco e esquenta toda cor impressa; não-couché absorve mais tinta e opaca a saturação; couché brilho segura mais saturação mas reflete luz de forma diferente.

Por que K Existe (Geração de Preto)

Em teoria C+M+Y a 100% cada rende preto. Na prática rende um marrom escuro barrento porque tintas reais não são absorvedores ideais — cada tinta reflete alguma luz em cada comprimento de onda, sobreposição perfeita é impossível devido à mistura de tintas e ao ganho de ponto. K resolve três problemas: tinta preta pura produz um preto crocante e limpo para tipografia e sombras; a substituição por K permite à fórmula reduzir a cobertura total de tinta (tinta mais barata, secagem mais rápida, menos saturação de papel); e uma chapa K dedicada mantém o registro de texto mais apertado (só uma chapa precisa alinhar, vs. três para corpo de texto construído a partir de CMY). O K = 1 - max(R,G,B) da fórmula ingênua é a estratégia mais simples possível de geração de K; pré-impressão real usa estratégias UCR (Under Color Removal) e GCR (Gray Component Replacement) que movem mais ou menos do CMY para K com base nas características da prensa.

Incompatibilidade de Gama: Vermelhos sRGB que CMYK Não Alcança

sRGB e CMYK têm gamas com formatos diferentes. sRGB consegue chegar a vermelhos saturados, azuis profundos e verdes vivos que caem fora da faixa imprimível do CMYK — o famoso caso "vermelho puro na tela parece laranja na impressão". A fórmula ingênua reporta `cmyk(0%, 100%, 100%, 0%)` para `#FF0000`, mas nenhuma combinação real de tinta em qualquer nível de cobertura consegue reproduzir aquela cor exata de tela no papel. Uma conversão ICC usa um de quatro rendering intents para lidar com a incompatibilidade de gama: Perceptual (comprime a gama de origem inteira para caber no destino, preservando relações gerais de cor), Relative Colorimetric (faz clipping de cores fora de gama para o valor mais próximo dentro da gama, preserva cores dentro da gama exatamente), Absolute Colorimetric (similar ao Relative mas não compensa diferenças de ponto branco) ou Saturation (preserva saturação ao custo de precisão, usado mais para gráficos de negócio).

Estabilidade de Round-Trip pela Fonte-de-Verdade em OKLCH

A representação canônica interna da ferramenta é OKLCH (per o design do hub unificado), não CMYK. CMYK é derivado de OKLCH a cada tecla pela cadeia OKLCH → OKLAB → XYZ D65 → linear-sRGB → sRGB → CMYK ingênuo. Isto significa que editar CMYK diretamente também é suportado: parse as quatro porcentagens, rode a fórmula inversa para recuperar sRGB (`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`), atualize a origem OKLCH e depois re-renderize todo outro campo. Round-trips são estáveis mas com perdas nas bordas da gama do CMYK, onde a inversa mapeia múltiplas cores sRGB para a mesma aproximação CMYK.

Boas Práticas para Fluxos HEX / CMYK

Confirme o CMYK Real com o Perfil ICC da sua Gráfica

Antes de qualquer tiragem de produção, confirme o CMYK pronto-para-prensa com o pipeline ICC da gráfica contra a combinação real de prensa, tinta e papel. A saída ingênua aqui pode desviar 5-15% por canal do valor ICC-correto, o que é suficiente para virar um vermelho nítido em um laranja barrento ou um azul de marca profundo em um marinho desbotado. O time de pré-impressão da gráfica é a fonte autoritativa — dê a eles o hex de origem (não o CMYK ingênuo) e deixe que rodem a própria conversão contra US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated ou um perfil customizado específico da prensa.

Use o CMYK Desta Ferramenta como Estimativa Inicial para Orçamento / Escopo

CMYK ingênuo é genuinamente útil para estimativas: cobertura total de tinta para conversas de custo, dominância aproximada de K para checagens de escuridão, sanidade rápida de gama para a pergunta "essa cor sequer vai imprimir". Use para a conversa de orçamento, o brief de fornecedor, a discussão de escopo. Depois entregue o hex de origem para a gráfica para a conversão real pronta-para-prensa. Não embarque a saída ingênua como entregável de produção; embarque-a como artefato de planejamento.

Para Matching Pantone, a Biblioteca Spot da Gráfica Sobrepõe Tudo

Cores spot Pantone (e HKS, RAL, Toyo) são tintas pré-misturadas com sua própria identidade de cor fixa — não são construídas a partir dos canais process CMYK. Se sua marca exige matching Pantone (comum para embalagem, impressão premium, qualquer coisa onde cor exata é crítica), a gráfica vai usar a tinta Pantone diretamente e CMYK não entra na conta. Especifique o número Pantone no brief; ignore os valores CMYK tanto ingênuos quanto ICC-corretos para aquela cor. CMYK só importa quando o trabalho roda puramente em cores process sem tinta spot.

Mande o HEX ou OKLCH de Origem para a Gráfica, Não o CMYK Ingênuo

O time de pré-impressão da gráfica precisa da cor-fonte autoritativa para rodar a conversão contra o perfil da prensa deles. Entregue o hex de origem (ou OKLCH para sistemas de marca modernos) mais qualquer chamada de cor spot (números Pantone). Nunca entregue o CMYK ingênuo como entregável — eles não têm como saber se os valores vieram de uma fórmula ingênua, de uma conversão Photoshop antiga contra um perfil de prensa diferente ou de uma conversão ICC-correta real contra o perfil certo. Dados de origem evitam a ambiguidade.

Confira se o Canal K Está Razoável (K=100 só para Preto Puro)

Confira a sanidade do valor de K após a conversão. Preto puro (`#000000`) deve render K=100 com C=M=Y=0. Cores escuras quase-pretas devem cair na faixa K=80-95 com CMY baixos. Meios-tons (saturação média, luminosidade média) devem cair em algum lugar em K=20-60. Cores saturadas brilhantes devem ficar em K=0 com um ou dois canais CMY em cobertura alta. Se você vê valores de K fora desses padrões para o brilho percebido de uma cor, confira o hex de entrada — um typo pode virar uma cor de "quase-preta" para "quase-branca" silenciosamente. A saída CMYK deixa o erro de entrada visível.

Rode uma Prova Úmida no Papel Real Antes da Produção

Para qualquer tiragem de produção que importa, pegue uma prova úmida da gráfica no papel real com as tintas reais antes de aprovar. Soft proofs (simulações ICC na tela) são úteis mas nunca perfeitas — textura de papel, densidade de tinta e espectro da luz de visualização todos afetam a percepção final. Reserve tempo e dinheiro para pelo menos uma iteração de prova úmida. O CMYK ingênuo aqui, o CMYK ICC-correto e a prova úmida são três snapshots de precisão crescente da mesma cor; a prova úmida é a única que casa com a peça impressa final exatamente.

Documente o Hex de Origem ao Lado do CMYK Final

Depois que a gráfica produzir o CMYK pronto-para-prensa e você aprovar a prova, documente tanto o hex de origem quanto o CMYK ICC-correto final na especificação de marca. Seis meses depois, quando alguém precisar reimprimir ou estender a paleta, ambos os valores preservam a trilha completa de proveniência — a origem para re-conversão contra uma prensa diferente, o CMYK travado para re-impressão na mesma prensa. CMYK ingênuo pertence apenas ao estágio de brief; CMYK pronto-para-prensa pertence à spec travada.

Perguntas Frequentes