Converta valores CMYK numa cor RGB

Última revisão do conteúdo:

Introduza as quatro proporções de tinta e os valores RGB aparecem enquanto escreve: cmyk(76%, 47%, 0%, 4%) é rgb(59, 130, 245). O campo aceita números com e sem o sinal de percentagem, separados por vírgula ou por espaço, por isso pode colá-los diretamente do manual de marca.

para

Como converter CMYK para RGB?

Subtraia cada tinta a um, faça o mesmo com o preto e multiplique os dois resultados um pelo outro. No fim, multiplique por 255. As percentagens entram como frações, por isso 76 % entra na fórmula como 0,76.


A fórmula: R = 255 × (1 − C) × (1 − K), e os canais verde e azul calculam-se da mesma maneira, apenas a partir do magenta e do amarelo.


A cor cmyk(76%, 47%, 0%, 4%) dá no canal vermelho 255 × 0,24 × 0,96, ou seja, 59. O canal verde fica em 130 e o azul em 245, porque nesta cor não há tinta amarela nenhuma. O resultado é rgb(59, 130, 245).


Alguns valores repetem-se nesta conversão mais do que outros. O preto sozinho a 100 % dá rgb(0, 0, 0), quatro zeros dão branco, e o preto a 20 % dá o cinzento rgb(204, 204, 204), ou seja, o código #CCCCCC.


Os valores CMYK indicam-se em percentagens inteiras, por isso na ida e volta um canal pode sair um nível ao lado. No ecrã essa diferença é invisível. A cor do ecrã converte-se em tintas com o conversor RGB para CMYK.

O que descrevem os quatro números CMYK e o que descrevem os três números RGB?

Os quatro números CMYK dizem quanta tinta deve chegar a um determinado sítio. O primeiro diz respeito ao ciano, o segundo ao magenta, o terceiro ao amarelo e o quarto ao preto assinalado com a letra K. Cada um é uma percentagem de cobertura: zero significa papel limpo e cem significa cobertura total.


As tintas retiram luz ao papel branco, por isso quatro zeros dão branco e valores crescentes levam a uma cor cada vez mais escura. Isto tem uma consequência: os valores CMYK estão ligados a um papel concreto e a uma tinta concreta, porque a mesma mistura sai de uma maneira em couché e de outra em papel não revestido[1].

Recipientes de barro cheios de pigmentos em pó de várias cores
Cada tom de tinta tem o seu pigmento e o seu comportamento no suporte. A notação CMYK descreve uma mistura de quatro desses corantes, e a notação RGB descreve essa mesma cor vista como um ponto que brilha. Fotografia: Rob Oo, CC BY 2.0.

Os três números RGB descrevem outra coisa: a força do brilho. Os canais vermelho, verde e azul tomam valores de 0 a 255, e o ecrã soma a luz deles, por isso três zeros dão preto e três valores máximos dão branco.


O ecrã tem, além disso, uma escala comum: o espaço sRGB, em vigor em HTML e CSS[2]. É por isso que uma cor indicada em RGB tem o mesmo aspeto em qualquer aparelho conforme, ao passo que essa mesma cor aplicada com tinta depende do suporte e da tinta com que foi impressa.

Onde ir buscar a cor para o site quando o manual de marca só indica CMYK?

Os manuais de marca nascem quase sempre juntamente com os materiais impressos, por isso descrevem a cor como a máquina precisa dela: com quatro proporções de tinta. Um site precisa dessa mesma cor em três números ou num código HEX. Introduza os quatro valores no conversor no topo da página e recebe a notação pronta a colar na folha de estilos.

Impressão muito ampliada: pontos de tinta separados, lado a lado
Com ampliação suficiente, a impressão revela-se uma rede de pontos. Os pontos puros são as quatro tintas, e os pontos vermelhos, verdes e azuis-escuros nascem onde duas delas se sobrepõem. O olho só os junta numa cor à distância, ao passo que o ecrã apresenta essa cor logo como três números. Fotografia: Psiĥedelisto, licença CC0.

Trate o resultado como ponto de partida e compare-o com uma prova impressa, se a tiver à mão. Os quatro números descrevem a tinta num papel concreto e o ecrã brilha com luz própria, por isso as duas versões da cor diferem sempre um pouco. Para o site o que conta acima de tudo é que o tom seja reconhecível e coerente com o resto da identidade visual.

Valores CMYK básicos e os seus equivalentes em RGB

Uma só tinta em papel branco dá no ecrã uma cor composta por dois canais, e duas tintas juntas reduzem o resultado a um único canal. O preto sozinho constrói os cinzentos.
Valores CMYKValores RGBCódigo HEX
0%, 0%, 0%, 0%255, 255, 255#FFFFFF
100%, 0%, 0%, 0%0, 255, 255#00FFFF
0%, 100%, 0%, 0%255, 0, 255#FF00FF
0%, 0%, 100%, 0%255, 255, 0#FFFF00
0%, 100%, 100%, 0%255, 0, 0#FF0000
100%, 0%, 100%, 0%0, 255, 0#00FF00
100%, 100%, 0%, 0%0, 0, 255#0000FF
0%, 0%, 0%, 10%230, 230, 230#E6E6E6
0%, 0%, 0%, 20%204, 204, 204#CCCCCC
0%, 0%, 0%, 50%128, 128, 128#808080
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 90%25, 25, 25#191919
0%, 0%, 0%, 100%0, 0, 0#000000
30%, 0%, 100%, 0%179, 255, 0#B3FF00

Um cinzento construído só com preto tem no ecrã os três canais iguais, por isso o seu código HEX é feito de três pares de caracteres idênticos.

Quatro tipos de preto na impressão e um só preto no ecrã

Os impressores distinguem vários pretos, porque cada um se comporta de maneira diferente no papel. O ecrã descreve-os todos com a mesma notação, por isso a coluna da soma de tintas diz mais sobre eles do que os valores RGB.
Tipo de pretoValores CMYKSoma de tintasValores RGB
Preto de um só componente0%, 0%, 0%, 100%100%0, 0, 0
Preto rico (receita de exemplo)60%, 40%, 40%, 100%240%0, 0, 0
Preto no limite do perfil75%, 68%, 67%, 90%300%6, 8, 8
Preto de registo100%, 100%, 100%, 100%400%0, 0, 0

A soma de tintas é a participação conjunta dos quatro valores num mesmo ponto. O perfil PSO Coated v3 admite 300 %[3], e é por isso que o preto de registo serve exclusivamente para as marcas de impressão. A receita exata do preto rico é dada pela gráfica na especificação de receção de ficheiros, juntamente com o nome do perfil — a lista de perfis está junto ao conversor RGB para CMYK.

Cores de manuais de marca em três notações ao mesmo tempo

É este o aspeto de uma lista típica de cores de marca depois de convertida para ecrã. O código HEX da última coluna pode ser colado diretamente na folha de estilos ou numa variável do sistema de design.
Valores CMYKValores RGBCódigo HEX
100%, 72%, 0%, 6%0, 67, 240#0043F0
85%, 50%, 0%, 0%38, 128, 255#2680FF
76%, 47%, 0%, 4%59, 130, 245#3B82F5
0%, 90%, 86%, 0%255, 25, 36#FF1924
0%, 35%, 85%, 0%255, 166, 38#FFA626
0%, 24%, 94%, 0%255, 194, 15#FFC20F
0%, 0%, 0%, 80%51, 51, 51#333333
0%, 0%, 0%, 100%0, 0, 0#000000

As cores sem participação do preto saem no ecrã como as mais claras, porque cada um dos três canais começa então nos 255 completos e perde apenas aquilo que uma tinta lhe retira.

Como mudar o modo do documento de CMYK para RGB?

Os ficheiros preparados para impressão abrem-se nos mesmos programas em que foram feitos; a mudança de modo está num menu diferente em cada um deles.

  1. Photoshop

    Escolha Editar › Converter em perfil e indique como destino o perfil sRGB, que é o que os navegadores esperam. O atalho mais rápido é Imagem › Modo › Cor RGB, que usa o perfil definido no programa.
  2. Illustrator

    Escolha Ficheiro › Modo de cor do documento › Cor RGB. A mudança abrange o documento inteiro, incluindo as amostras, por isso as cores gravadas antes com quatro valores passam a ter três valores novos.
  3. InDesign

    A conversão acontece ao gravar. Escolha Ficheiro › Exportar, passe ao separador Saída e, na secção Conversão de cor, defina a conversão para o perfil de destino e indique sRGB no campo do perfil.
  4. GIMP

    A versão 3.0 abre ficheiros CMYK nos formatos JPEG, TIFF, PSD e JPEG XL, sendo que a edição decorre em RGB[4]. Para obter a imagem em cores de ecrã basta, portanto, abrir esse ficheiro.

Fontes

  1. CMYKWikipédia
  2. sRGBWikipédia
  3. PSOcoated_v3.icc — registo no registo de perfisInternational Color Consortium
  4. GIMP 3.0 Release NotesGIMP

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 a conversão de CMYK para RGB

Como converter CMYK num código HEX?

Introduza os quatro valores no conversor acima e leve o resultado ao conversor RGB para HEX. Os códigos prontos para as cores de marca mais frequentes estão reunidos na tabela das três notações desta página.

A partir de CMYK volta exatamente a mesma cor RGB de que se partiu?

Quase a mesma. Os quatro números CMYK são inteiros, por isso rgb(59, 130, 246) regressa como rgb(59, 130, 245). Um nível em 256 é indistinguível no ecrã, mas se tiver a cor de ecrã original é essa que deve usar.

Porque é que a cor da impressão tem outro aspeto no ecrã?

O papel reflete a luz e o ecrã emite-a, por isso a mesma cor chega ao olho por dois caminhos. Além disso, as tintas de quadricromia na Europa têm uma cor diferente das americanas[1], e o resultado depende também do papel. A conversão dá o equivalente de ecrã mais próximo, e a avaliação final deve ficar para a comparação com uma prova impressa.

100 % de preto é o mesmo que preto rico?

No ecrã ambos dão rgb(0, 0, 0), e no papel diferem na profundidade. O preto de um só componente usa apenas a tinta preta e funciona bem no texto, porque exige o registo de uma só chapa. O preto rico acrescenta as outras três tintas e dá áreas grandes mais escuras.

O que significa o preto de registo 100/100/100/100?

É uma marca para a gráfica, com que se assinalam as linhas de corte e as cruzes de registo, para que apareçam nas quatro chapas ao mesmo tempo. A soma de tintas é nele de 400 %, acima dos 300 % admitidos pelo perfil PSO Coated v3[3], e por isso na imagem propriamente dita usa-se um dos restantes pretos.

Um ficheiro para um site pode ficar em CMYK?

Os navegadores partem do espaço sRGB[2], por isso grave em RGB as fotografias e as imagens destinadas ao site. Assim as cores ficam iguais em qualquer navegador e em qualquer ecrã conforme.

Como passar CMYK a RGB no Photoshop?

Abra o ficheiro e escolha Editar › Converter em perfil, indicando sRGB como perfil de destino. O caminho mais curto passa por Imagem › Modo › Cor RGB e usa o perfil definido no programa.

Onde ir buscar os valores CMYK se só tenho a cor do ecrã?

Converta-a no sentido inverso com o conversor RGB para CMYK. O botão Trocar ordem por cima do conteúdo leva-o lá com um clique.

Captura de ecrã da ferramenta gratuita da Arteon: Converta valores CMYK numa cor RGB

Ajude-nos a melhorar as nossas ferramentas

Tem uma ideia, encontrou um erro ou quer sugerir uma nova ferramenta? Escreva-nos – respondemos em 24 horas.