Converta um código HEX nas quatro tintas CMYK

Última revisão do conteúdo:

Escreva um código de cor e os valores CMYK aparecem enquanto escreve: #3B82F6 dá cmyk(76%, 47%, 0%, 4%). O conversor usa a fórmula padrão sem perfil de impressão, por isso o resultado serve como ponto de partida rápido, e os valores para o ficheiro de impressão vêm do seu programa de design com o perfil que a gráfica pede.

para

Como converter um código HEX em CMYK?

Primeiro transforme o código em três números e depois esses números em quatro percentagens de tinta. O código #3B82F6 tem três pares de caracteres: 3B, 82 e F6. Cada par é um número escrito em hexadecimal, em que as letras de A a F valem de 10 a 15 depois dos algarismos de 0 a 9. Assim, 3B vale 3 × 16 + 11, ou seja, 59, 82 vale 130 e F6 vale 246.


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


Em #3B82F6 o canal mais claro é o azul. 246 ÷ 255 dá 0,965, portanto o preto fica em 0,035, ou seja, 4%. O ciano fica em 76%, o magenta em 47% e o amarelo em 0%, porque foi o canal azul que definiu o preto. O resultado é cmyk(76%, 47%, 0%, 4%).


Chega ao mesmo resultado em dois passos com o conversor HEX para RGB e depois o conversor RGB para CMYK. Os valores CMYK de um manual de marca voltam a código com o conversor CMYK para HEX.

O que é um código HEX e o que são valores CMYK?

Um código HEX descreve uma cor de ecrã no sistema hexadecimal. Os seis caracteres depois do cardinal formam três pares para a luz vermelha, verde e azul, e cada par vai de 00 a FF, ou seja, de 0 a 255. Maiúsculas e minúsculas valem o mesmo. O CSS também aceita uma forma curta de três caracteres em que cada caractere se duplica, por isso #38F é o mesmo que #3388FF, e uma forma de oito caracteres em que o último par indica a transparência[1]. Os códigos HEX de qualquer fotografia obtém-nos com o extrator de cores de imagem.


O CMYK descreve a cor como tinta. Os quatro números dizem que parte do papel fica coberta de ciano, magenta, amarelo e preto. O preto é indicado com K, de key, para não se confundir com o B de blue do RGB[2]. Zero é papel sem tinta, 100 é cobertura total.


As duas escalas vão em sentidos opostos. O ecrã emite luz, por isso quanto mais altos os pares do código HEX, mais clara é a cor. O papel reflete a luz e a tinta absorve-a, por isso quanto mais altos os valores CMYK, mais escura é a cor. A tinta também não tem transparência, e é por isso que o conversor ignora o último par de um código de oito caracteres.


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 valores CMYK têm os códigos HEX mais comuns?

A lista junta as cores básicas do ecrã e as cores que o CSS designa por um nome. O conversor calculou todos os valores, por isso vê os mesmos números quando escreve o código no campo.
Código HEXNome em CSSValores CMYK
#FFFFFFwhite0%, 0%, 0%, 0%
#000000black0%, 0%, 0%, 100%
#FF0000red0%, 100%, 100%, 0%
#00FF00lime100%, 0%, 100%, 0%
#0000FFblue100%, 100%, 0%, 0%
#FFFF00yellow0%, 0%, 100%, 0%
#00FFFFaqua100%, 0%, 0%, 0%
#FF00FFfuchsia0%, 100%, 0%, 0%
#C0C0C0silver0%, 0%, 0%, 25%
#808080gray0%, 0%, 0%, 50%
#800000maroon0%, 100%, 100%, 50%
#008000green100%, 0%, 100%, 50%
#000080navy100%, 100%, 0%, 50%
#800080purple0%, 100%, 0%, 50%
#FFA500orange0%, 35%, 100%, 0%
Maroon, green, navy e purple ficam com metade de preto, porque o seu canal mais claro vale 128, mais ou menos metade do máximo. Os nomes vêm da especificação CSS Color Module Level 4[1].

Porque é que o Photoshop dá valores CMYK diferentes dos de uma calculadora?

A fórmula pressupõe tintas perfeitas, e o programa de design trabalha com um perfil ICC, ou seja, a descrição de umas tintas, de um papel e de um processo de impressão concretos. A diferença nota-se sobretudo no preto e nos cinzentos. A fórmula deixa sempre pelo menos uma das três tintas de cor a zero e passa todo o cinzento para a tinta preta, por isso #808080 é para ela 50% de preto e mais nada. Com um perfil de impressão, esse cinzento forma-se com as quatro tintas.


Dois perfis muito usados mostram como as regras podem ser diferentes. O PSO Coated v3, da European Color Initiative, limita a tinta total a 300% e o preto a 96%[3]. O GRACoL 2013, publicado pela Idealliance, admite até 320% de tinta total e preto até 100%[4]. O perfil do seu trabalho consta das especificações da gráfica.

Escala Pantone aberta em leque com amostras roxas e vermelhas e etiquetas com quatro números ao lado de pequenos quadrados nas cores das tintas
Uma escala Pantone tem, junto de cada amostra marcada com CP, quatro números impressos ao lado de pequenos quadrados nas cores das tintas. O PANTONE 2655 CP tem 54% de ciano e 61% de magenta, sem amarelo nem preto, o que o conversor escreve como cmyk(54%, 61%, 0%, 0%). Foto: Bent Van Aeken, Unsplash

Quando precisar de valores para um ficheiro de impressão, abra no Photoshop o Seletor de Cores da Adobe clicando na caixa superior de seleção de cor, na caixa de ferramentas, e escreva o código na caixa de texto #. O seletor mostra ao mesmo tempo os valores C, M, Y e K[5], calculados no espaço de trabalho CMYK definido em Editar › Configurações de cores[6]. Se aparecer um triângulo de aviso, a cor não é imprimível tal como está, e um clique no triângulo escolhe o equivalente CMYK mais próximo[5].

Quanta tinta recebe o mesmo código com a fórmula e com um perfil de impressão?

Calculámos as colunas dos perfis com a biblioteca Little CMS[7], com o PSO Coated v3 da European Color Initiative[8] e o GRACoL 2013 do registo ICC[4], em modo colorimétrico relativo com compensação do ponto preto. O modo percetual dá resultados que diferem em poucos pontos.
Código HEXFórmula (este conversor)Perfil PSO Coated v3Perfil GRACoL 2013
#0000000%, 0%, 0%, 100%83%, 67%, 51%, 95%83%, 74%, 61%, 100%
#3333330%, 0%, 0%, 80%63%, 53%, 45%, 68%71%, 63%, 59%, 63%
#8080800%, 0%, 0%, 50%44%, 36%, 33%, 23%47%, 39%, 38%, 17%
#FF00000%, 100%, 100%, 0%0%, 96%, 100%, 0%0%, 93%, 98%, 0%
#0000FF100%, 100%, 0%, 0%98%, 82%, 0%, 0%100%, 85%, 0%, 0%
#3B82F676%, 47%, 0%, 4%76%, 47%, 0%, 0%75%, 46%, 0%, 0%
#FFCC000%, 20%, 100%, 0%0%, 19%, 90%, 0%0%, 18%, 93%, 0%
O preto #000000 gasta 296% de tinta com o PSO Coated v3 e 318% com o GRACoL 2013, perto do limite de cada perfil. Em #3B82F6 as três colunas quase coincidem: a fórmula junta 4% de preto que nenhum dos perfis usa.

Que valores CMYK dá o manual da marca gov.br?

O manual de uso da marca gov.br, do Governo Federal do Brasil, dá para cada cor da marca os valores para impressão em policromia (CMYK), para versões eletrónicas (RGB) e o código hexadecimal[9]. A última coluna mostra o que a fórmula faz com o mesmo código HEX.
Cor da marcaCódigo HEX no manualCMYK no manualCMYK pela fórmula
Azul#377EC185%, 45%, 0%, 0%72%, 35%, 0%, 24%
Verde#52AE3270%, 0%, 100%, 0%53%, 0%, 71%, 32%
Amarelo#FBBA000%, 30%, 100%, 0%0%, 26%, 100%, 2%
Nas três cores, a fórmula acrescenta preto que o manual não usa: 24% no azul e 32% no verde. Se a sua empresa tem manual de marca, use os valores CMYK dele e deixe o conversor para as cores que o manual não descreve. As cores estão na página 12 do manual[9].

Que formas de escrever um código HEX 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
#3B82F6cmyk(76%, 47%, 0%, 4%)Um código completo com cardinal, como numa folha de estilos ou no Figma, é convertido tal como está.
3b82f6cmyk(76%, 47%, 0%, 4%)Sem cardinal e em minúsculas o código também funciona, porque maiúsculas e minúsculas não mudam um código HEX.
#38Fcmyk(80%, 47%, 0%, 0%)A forma curta de três caracteres é expandida duplicando cada caractere, por isso calculamos #3388FF.
#3B82F680cmyk(76%, 47%, 0%, 4%)Ignoramos o último par, que indica a transparência, porque a tinta no papel não a tem.
color: #3B82F6;cmyk(76%, 47%, 0%, 4%)De uma linha copiada de uma folha de estilos ou das ferramentas de programador do navegador ficamos só com o código.
"#3B82F6"cmyk(76%, 47%, 0%, 4%)Retiramos as aspas com que chega um código copiado de um ficheiro JSON ou de JavaScript.
##3B82F6cmyk(76%, 47%, 0%, 4%)O cardinal duplo aparece quando cola um código onde já havia um, por isso lemo-lo como um só.

Converter outras unidades para CMYK

Converter HEX para outras unidades

Fontes

  1. CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versão inglesa)
  2. CMYK — Wikipédia
  3. PSOcoated_v3.icc — ficha no registo de perfis — International Color Consortium (versão inglesa)
  4. GRACoL2013_CRPC6.icc — ficha no registo de perfis — International Color Consortium (versão inglesa)
  5. Escolher cores no Adobe Photoshop — Adobe
  6. Configuração de cores no Photoshop — Adobe
  7. Little CMS — Marti Maria (versão inglesa)
  8. Downloads: ICC profiles from ECI — European Color Initiative (versão inglesa)
  9. Manual de uso da marca gov.br (2020) — Governo Federal do Brasil
  10. Color Bridge Guide Coated — Pantone (versão inglesa)
  11. Pantone Guides With Suffix Of PC or EC — X-Rite (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 HEX para CMYK

A cor impressa vai ficar igual à cor HEX no ecrã?

Nem sempre. As cores mais saturadas do ecrã ficam fora do que quatro tintas conseguem reproduzir em papel. Convertemos o azul puro #0000FF para o perfil PSO Coated v3 e de volta para o ecrã, e voltou como rgb(29, 60, 145), um azul bem mais escuro. O verde puro #00FF00 voltou como rgb(102, 179, 41), e o cinzento #808080 voltou sem alterações. Para uma tiragem grande, peça à gráfica uma prova de cor.

É possível converter um código HEX numa cor Pantone?

Não com uma fórmula. As cores Pantone são tintas misturadas de antemão, cada uma com o seu número na escala. As equivalências mais próximas estão na escala Pantone Color Bridge, que compara 2587 cores Pantone com os valores CMYK mais próximos e indica também valores HTML e RGB[10]. As amostras marcadas com CP são, nessa escala, simulações em quadricromia sobre papel revestido[11].

O que faço se tiver a cor em RGB e não em HEX?

Escreva os três números no conversor RGB para CMYK, que usa a mesma fórmula. Este campo só aceita códigos HEX e, se escrever outra coisa, mostra um aviso com um exemplo de código válido.

O branco #FFFFFF significa tinta branca na impressão?

Não. cmyk(0%, 0%, 0%, 0%) significa que não se imprime tinta, por isso vê-se o papel. Em papel branco fica branco, e em papel creme ou cinzento fica a cor do papel.

Captura de ecrã da ferramenta gratuita da Arteon: Converta um código HEX nas quatro tintas CMYK

Ajude-nos a melhorar as nossas ferramentas

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