Converta um código HEX nas quatro tintas CMYK
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.
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?
| Código HEX | Nome em CSS | Valores CMYK |
|---|---|---|
| #FFFFFF | white | 0%, 0%, 0%, 0% |
| #000000 | black | 0%, 0%, 0%, 100% |
| #FF0000 | red | 0%, 100%, 100%, 0% |
| #00FF00 | lime | 100%, 0%, 100%, 0% |
| #0000FF | blue | 100%, 100%, 0%, 0% |
| #FFFF00 | yellow | 0%, 0%, 100%, 0% |
| #00FFFF | aqua | 100%, 0%, 0%, 0% |
| #FF00FF | fuchsia | 0%, 100%, 0%, 0% |
| #C0C0C0 | silver | 0%, 0%, 0%, 25% |
| #808080 | gray | 0%, 0%, 0%, 50% |
| #800000 | maroon | 0%, 100%, 100%, 50% |
| #008000 | green | 100%, 0%, 100%, 50% |
| #000080 | navy | 100%, 100%, 0%, 50% |
| #800080 | purple | 0%, 100%, 0%, 50% |
| #FFA500 | orange | 0%, 35%, 100%, 0% |
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.

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?
| Código HEX | Fórmula (este conversor) | Perfil PSO Coated v3 | Perfil GRACoL 2013 |
|---|---|---|---|
| #000000 | 0%, 0%, 0%, 100% | 83%, 67%, 51%, 95% | 83%, 74%, 61%, 100% |
| #333333 | 0%, 0%, 0%, 80% | 63%, 53%, 45%, 68% | 71%, 63%, 59%, 63% |
| #808080 | 0%, 0%, 0%, 50% | 44%, 36%, 33%, 23% | 47%, 39%, 38%, 17% |
| #FF0000 | 0%, 100%, 100%, 0% | 0%, 96%, 100%, 0% | 0%, 93%, 98%, 0% |
| #0000FF | 100%, 100%, 0%, 0% | 98%, 82%, 0%, 0% | 100%, 85%, 0%, 0% |
| #3B82F6 | 76%, 47%, 0%, 4% | 76%, 47%, 0%, 0% | 75%, 46%, 0%, 0% |
| #FFCC00 | 0%, 20%, 100%, 0% | 0%, 19%, 90%, 0% | 0%, 18%, 93%, 0% |
#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?
| Cor da marca | Código HEX no manual | CMYK no manual | CMYK pela fórmula |
|---|---|---|---|
| Azul | #377EC1 | 85%, 45%, 0%, 0% | 72%, 35%, 0%, 24% |
| Verde | #52AE32 | 70%, 0%, 100%, 0% | 53%, 0%, 71%, 32% |
| Amarelo | #FBBA00 | 0%, 30%, 100%, 0% | 0%, 26%, 100%, 2% |
Que formas de escrever um código HEX aceita este conversor?
| O que escreve | O que o conversor mostra | Como lemos |
|---|---|---|
| #3B82F6 | cmyk(76%, 47%, 0%, 4%) | Um código completo com cardinal, como numa folha de estilos ou no Figma, é convertido tal como está. |
| 3b82f6 | cmyk(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. |
| #38F | cmyk(80%, 47%, 0%, 0%) | A forma curta de três caracteres é expandida duplicando cada caractere, por isso calculamos #3388FF. |
| #3B82F680 | cmyk(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. |
| ##3B82F6 | cmyk(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
- CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versão inglesa)
- CMYK — Wikipédia
- PSOcoated_v3.icc — ficha no registo de perfis — International Color Consortium (versão inglesa)
- GRACoL2013_CRPC6.icc — ficha no registo de perfis — International Color Consortium (versão inglesa)
- Escolher cores no Adobe Photoshop — Adobe
- Configuração de cores no Photoshop — Adobe
- Little CMS — Marti Maria (versão inglesa)
- Downloads: ICC profiles from ECI — European Color Initiative (versão inglesa)
- Manual de uso da marca gov.br (2020) — Governo Federal do Brasil
- Color Bridge Guide Coated — Pantone (versão inglesa)
- 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.

Ajude-nos a melhorar as nossas ferramentas
Tem uma ideia para uma função, encontrou um erro ou quer sugerir outra ferramenta? Escreva-nos.