Converta valores CMYK num código HEX

Última revisão do conteúdo:

Escreva as quatro percentagens de tinta e o código HEX aparece enquanto escreve: cmyk(76%, 47%, 0%, 4%) dá #3B82F5. O campo aceita números com e sem sinal de percentagem, com vírgula decimal e com as letras C, M, Y, K, por isso pode colar os valores tal como estão no manual de marca ou na ficha da gráfica.

para

Como converter CMYK em HEX?

Primeiro tire das quatro tintas três canais de luz e depois escreva cada canal com dois caracteres hexadecimais. As percentagens entram na fórmula como frações, por isso 76% passa a 0,76.


A fórmula: R = 255 × (1 − C) × (1 − K). O verde calcula-se da mesma forma a partir do magenta, e o azul a partir do amarelo.


Para cmyk(76%, 47%, 0%, 4%) o canal vermelho é 255 × 0,24 × 0,96, ou seja, 59, o verde dá 130 e o azul 245. Agora divida cada número por 16: 59 são 3 vezes 16 com resto 11, e ao 11 corresponde a letra B, por isso o vermelho fica 3B. Da mesma forma, 130 dá 82 e 245 dá F5. O resultado é #3B82F5.


O conversor CMYK para RGB fica a meio caminho, nos três números. Para passar um código de ecrã para tintas, use o conversor HEX para CMYK.

O que dizem os quatro números CMYK e os seis caracteres HEX?

Os quatro números do CMYK são uma receita para a máquina de impressão: que parte do papel cobrir de ciano, magenta, amarelo e preto[1]. É por isso que aparecem nas fichas das gráficas e nos manuais de marca, porque descrevem a tinta e não o que se vê no monitor.


Os seis caracteres HEX são três números de 0 a 255 escritos no sistema hexadecimal, dois caracteres para a luz vermelha, dois para a verde e dois para a azul[2]. É este o código que cola no CSS, no tema do seu site, no Canva ou no Figma.


O resultado tem sempre seis caracteres, porque a tinta não tem transparência e não há nada para pôr num sétimo e num oitavo caractere. Escrevemos o código em maiúsculas, embora o navegador leia #3b82f5 da mesma forma[2].


Se tiver a cor noutra notação, como OKLCH, Lab ou código de Android, o conversor de cores mostra-a de uma vez em todas as notações.

Que código HEX têm as retículas das quatro tintas?

Uma retícula é uma tinta que cobre só parte da superfície, por exemplo 50% de ciano. A lista mostra como cada uma das quatro tintas clareia quando a sua percentagem desce. O conversor calculou todos os códigos.
Valores CMYKTintaCódigo HEX
100%, 0%, 0%, 0%Ciano 100%#00FFFF
50%, 0%, 0%, 0%Ciano 50%#80FFFF
20%, 0%, 0%, 0%Ciano 20%#CCFFFF
0%, 100%, 0%, 0%Magenta 100%#FF00FF
0%, 50%, 0%, 0%Magenta 50%#FF80FF
0%, 20%, 0%, 0%Magenta 20%#FFCCFF
0%, 0%, 100%, 0%Amarelo 100%#FFFF00
0%, 0%, 50%, 0%Amarelo 50%#FFFF80
0%, 0%, 20%, 0%Amarelo 20%#FFFFCC
0%, 0%, 0%, 100%Preto 100%#000000
0%, 0%, 0%, 50%Preto 50%#808080
0%, 0%, 0%, 20%Preto 20%#CCCCCC
0%, 0%, 0%, 10%Preto 10%#E6E6E6
A retícula de uma tinta só muda no código o par que lhe corresponde: o ciano baixa o par vermelho, o magenta o verde e o amarelo o azul. O preto baixa os três pares ao mesmo tempo, por isso as suas retículas dão cinzentos.

O manual de marca dá outro código HEX que o conversor. Qual usar?

Use o do manual. A fórmula pressupõe tintas perfeitas sobre um papel perfeitamente branco, por isso o resultado sai mais claro e mais saturado do que uma impressão real. O código do manual costuma estar muito mais perto do que se vê no papel.


O manual de uso da marca gov.br, do Governo Federal do Brasil, mostra-o bem. Para o azul da marca dá 85% de ciano e 45% de magenta, com o código #377EC1[3]. A fórmula transforma estas tintas em #268CFF, um azul claro e luminoso. Passámos as mesmas tintas por dois perfis de impressão com a biblioteca Little CMS[4]: o PSO Coated v3, da European Color Initiative[5], dá #0C74B9, e o GRACoL 2013, do registo ICC[6], dá #1378B9. Os dois ficam perto do código do manual.

Banda de papel com páginas de jornal impressas a passar entre os rolos de aço de uma rotativa
Uma banda de papel com páginas de jornal impressas passa entre os rolos de aço de uma rotativa. Numa impressão assim, a cor depende da tinta e do papel, e não só de quatro números, e são exatamente essas condições que um perfil de impressão descreve. Foto: Bank Phrom, Unsplash

Quando o manual só traz CMYK, o conversor dá-lhe um código de trabalho. Compare-o com um folheto ou um cartão de visita impressos e escureça a cor no Figma ou no CSS se no ecrã brilhar mais do que no papel.

Cores da marca gov.br: fórmula, perfis de impressão e manual

As três cores da marca gov.br com os valores CMYK da página 12 do manual[3]. As colunas dos perfis foram calculadas em modo colorimétrico relativo com compensação do ponto preto.
CMYK no manualHEX pela fórmulaHEX com PSO Coated v3HEX com GRACoL 2013HEX no manual
85%, 45%, 0%, 0%#268CFF#0C74B9#1378B9#377EC1
70%, 0%, 100%, 0%#4DFF00#44AB28#46B234#52AE32
0%, 30%, 100%, 0%#FFB300#FBB600#FCB800#FBBA00
O verde 70%, 0%, 100%, 0% mostra a maior diferença: a fórmula dá um verde fluorescente #4DFF00, enquanto os perfis e o manual ficam num verde médio à volta de #52AE32. No amarelo as quatro colunas ficam próximas.

Os valores CMYK voltam depois de passar para HEX e de regresso?

A fórmula no sentido inverso deixa sempre a zero pelo menos uma das três tintas de cor. Por isso, um valor em que ciano, magenta e amarelo estão todos acima de zero volta alterado. Verificámos 1 875 000 valores assim, e nenhum voltou igual.
CMYK no inícioCódigo HEXCMYK no regresso
100%, 80%, 0%, 0%#0033FF100%, 80%, 0%, 0%
76%, 47%, 0%, 4%#3B82F576%, 47%, 0%, 4%
0%, 12%, 100%, 5%#F2D5000%, 12%, 100%, 5%
20%, 30%, 40%, 0%#CCB3990%, 12%, 25%, 20%
40%, 30%, 20%, 10%#8AA1B825%, 13%, 0%, 28%
60%, 40%, 40%, 100%#0000000%, 0%, 0%, 100%
100%, 100%, 100%, 100%#0000000%, 0%, 0%, 100%
O preto rico 60%, 40%, 40%, 100% e o preto de registo passam ambos a #000000, e desse código só volta a tinta preta sozinha. No ficheiro de impressão, ponha os valores CMYK do manual ou da ficha da gráfica, e não o resultado de uma ida e volta pelo HEX.

Que formas de escrever CMYK aceita este conversor?

O campo aceita e converte todas estas formas, por isso não precisa de corrigir nada antes de colar. A tabela mostra o que o conversor faz com cada uma, e os resultados foram calculados por ele próprio.
O que escreveO que o conversor mostraComo lemos
76, 47, 0, 4#3B82F5Lemos quatro números como percentagens pela ordem ciano, magenta, amarelo e preto.
76 47 0 4#3B82F5Os espaços chegam, porque as vírgulas entre os números não são necessárias.
cmyk(76%, 47%, 0%, 4%)#3B82F5A forma com parênteses, igual ao resultado do conversor HEX para CMYK, é aceite com o nome.
C 76 M 47 Y 0 K 4#3B82F5Ignoramos as letras de canal com que os manuais de marca identificam cada tinta e ficamos com os números.
76,5 47 0 4#3A82F5Lemos a vírgula entre dois algarismos como decimal, porque senão sairiam cinco números em vez de quatro.
0,76 0,47 0 0,04#3B82F5As frações de 0 a 1 que alguns programas e bibliotecas devolvem são convertidas em percentagens.
(76, 47, 0, 4)#3B82F5Lemos um tuplo do Python juntamente com os parênteses.
device-cmyk(76% 47% 0% 4%)#3B82F5Também aceitamos a notação da especificação CSS Color Module Level 5.
150, 0, 0, 0#00FFFFUm valor acima de 100 fica em 100 e um negativo fica em zero, porque a tinta não pode cobrir mais do que toda a superfície.
A notação device-cmyk() está definida em CSS Color Module Level 5[7].

Converter outras unidades para HEX

RGB para HEXHSL para HEX

Converter CMYK para outras unidades

CMYK para RGB

Fontes

  1. CMYK — Wikipédia
  2. CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versão inglesa)
  3. Manual de uso da marca gov.br (2020) — Governo Federal do Brasil
  4. Little CMS — Marti Maria (versão inglesa)
  5. Downloads: ICC profiles from ECI — European Color Initiative (versão inglesa)
  6. GRACoL2013_CRPC6.icc — ficha no registo de perfis — International Color Consortium (versão inglesa)
  7. CSS Color Module Level 5: Specifying Uncalibrated CMYK Colors — W3C (versão inglesa)
  8. Color Bridge Guide Coated — Pantone (versão inglesa)

Todos os valores das tabelas foram calculados a partir das definições das unidades e verificados aritmeticamente antes da publicação. Os dados históricos e os nomes das unidades locais assentam nas fontes indicadas acima.

Última revisão do conteúdo: · escrito e verificado pela equipa Arteon

Perguntas frequentes sobre converter CMYK para HEX

Posso escrever o número de uma cor Pantone?

Não. O campo espera quatro números CMYK, e um número Pantone refere-se a uma tinta já misturada. A escala Pantone Color Bridge dá valores CMYK e HTML para as cores Pantone[8], e os valores CMYK dela podem ser convertidos aqui em código HEX.

O que acontece se escrever só três números?

O campo do resultado fica vazio e por baixo aparece um aviso de que a entrada não pode ser lida como cor CMYK, com um exemplo de quatro números. O mesmo acontece com cinco números, porque o conversor não adivinha qual está a mais.

O código HEX deste conversor serve para CSS?

Sim. O resultado tem a forma #RRGGBB, que qualquer navegador aceita[2]. O botão Copiar resultado copia o código com o cardinal incluído.

Captura de ecrã da ferramenta gratuita da Arteon: Converta valores CMYK num código HEX

Ajude-nos a melhorar as nossas ferramentas

Tem uma ideia para uma função, encontrou um erro ou quer sugerir outra ferramenta? Escreva-nos.