Como fazer com que a cor do meu logotipo tenha a mesma aparência na Web e Impressão?


16
  • Meu cliente queria usar a cor # dd0017 como seu vermelho principal em seu site
  • Ao longo do caminho, criamos todo o site e o logotipo dessa cor (eu criei o logotipo em RGB).
  • Agora ele está pedindo uma versão impressa. Tentei fazer o logotipo igual a # dd0017. Mas não está assumindo o valor no illustrator ou no Photoshop. Ele muda automaticamente para # db1e26.
  • Além disso, a maioria dos sites mostra que o código de cores equivalente para CMYK é (0,100,93,13). Quando estou tentando fazer isso, está recebendo outro código Hex do # d11628.
  • Por favor, note que eu sou um pouco novato em matéria de cores. Sou designer da Web, mas às vezes preciso criar logotipos. Mas eu realmente não os entendo muito.

Então, existe uma solução? Se não houver alguém, por favor, sugira-me como devo explicar isso ao cliente?


Primeiro, verifique se todos estão usando a mesma marca e modelo de monitor.
Aslum #

Respostas:


28

aqui está a resposta técnica

Dizer que a cor é # dd0017 não tem sentido, a menos que esteja associado a informações sobre o espaço de cores que você está usando! Portanto, também a conversão de # dd0017 para CMYK não faz sentido. Com isso fora da nossa agenda, podemos começar a parecer o mesmo que significaria no seu cenário.

Quando você fala sobre cores puras como # dd0017, está especificando uma cor diferente em cada monitor. Para falar sobre o mesmo, você entra em problemas porque não sabemos se você quer dizer:

  • O mesmo que no seu monitor
  • O mesmo que no monitor de seus clientes
  • O mesmo que em um espaço de cores padrão

Ver o mesmo número cria cores diferentes em diferentes espaços de cores. Para que faça algum sentido converter cores precisas, você deve especificar o espaço de cores usado. Assim, por exemplo, # dd0017 no espaço de cores sRGB faz sentido. Os números não são importantes e sem essa informação totalmente inútil. Portanto, os números não representam a cor, pois representam uma cor em um espaço, diferentes espaços RGB terão valores numéricos diferentes. *

Digite o gerenciamento de cores. Para que tudo isso faça algum sentido, você precisa saber qual é a cor em algum espaço neutro do dispositivo. Em essência, você precisa medir o monitor, com um medidor de cor (também conhecido como calibrador Montor como um ColorMunki, por exemplo). Além disso, você precisa saber quais são as condições de luz na área de trabalho. Para ser preciso, você precisa medir este monitor onde ele é usado (ou continuamente). Agora você pode criar um perfil para o seu monitor, o que nos mostra como é a combinação específica de monitor / espaço de trabalho, pois todos os monitores do mundo são únicos.

Podemos então emparelhar esse número mágico com essas informações de perfil para obter valores neutros do dispositivo ou tornar a exibição em conformidade com um espaço de cores padrão como sRGB. Se você exibir o monitor como sRGB, verá as cores pretendidas pelo padrão, que é o que a web deveria ser.

Ok, agora você pode converter a cor em espaço neutro, mas obviamente ainda precisa conhecer o espaço da impressora. Para a impressora, o processo é praticamente o mesmo. Uma impressora comercial provavelmente está usando a calibração para algum espaço padrão; portanto, novamente, dizer valores CMYK sem informar o espaço não faz sentido. Mas se você deseja fazer o mesmo com uma impressora de escritório, ela também deve ser calibrada, sugiro pelo menos três vezes por vida útil do cartucho de toner.

Captura 13

A correspondência de cores lida com muitos problemas, mas a questão central é o que fazer com cores que não podem ser reproduzidas. Veja que sua cor excede as cores que sua impressora CMYK pode produzir. O tamanho de cada espaço é chamado de gama e exceder uma gama é fácil, pois o espaço sRGB é muito maior que os espaços CMYK padrão SWOP, FOGRA, GRACol etc.

É por isso que a maioria dos designers projeta ao contrário. Eles escolhem uma cor, geralmente não em CMYK, mas em Pantone e voltam a partir daí. Novamente, o Pantone é maior que o CMYK, mas oferece bons pontos de partida para conversões e possui chips de cores que refletem com precisão os valores disponíveis. Principalmente porque isso é mais fácil do que tentar fazer a rota tecnológica, que é exigente para dizer o mínimo.

Então, sim, isso pode ser feito, mas exige que você faça bastante trabalho.

* Isso é o que o Photoshop faz por você: o espaço com o qual você trabalha é X e o monitor é Y e, portanto, os números mudam para corresponder.


Observe também que a Adobe sugere a cor segura mais próxima da cor atual ao escolher uma na paleta. E distingue cores seguras para impressão e seguras para exibição. Eu acho que seguro aqui significa não tão arriscado.
Crowley

5
Esta é uma boa resposta, +1. Você também pode mencionar brevemente que a cor percebida por um observador humano variará significativamente com base em vários fatores, incluindo iluminação (por exemplo, sombras / sombras etc.) e as cores próximas ao que está sendo observado (incluindo o papel no impresso, que também pode sangrar através de uma impressão). Existem muitas ilusões de ótica que demonstram claramente que exatamente a mesma cor será percebida de maneira diferente, dependendo das cores / imagem circundantes.
Makyen 7/11

8

A correspondência de cores entre a tela e a impressão é uma tarefa complexa e às vezes impossível. Devido à natureza da luz (telas, RGB) versus tinta (CMYK, Pantones, etc.) e ao fato de que praticamente todos os monitores exibem a cor de maneira ligeiramente diferente e a impressão fica diferente em diferentes luzes. Esse tipo de gerenciamento de cores é um trabalho em si.

No entanto, neste caso, você pode ter sorte. A cor em questão é um vermelho limpo e brilhante, portanto suas escolhas são bastante limitadas. Se você estiver imprimindo CMYK, é altamente provável que sua melhor opção seja 100% magenta, 100% amarelo. É o mais vermelho possível das tintas de processo e tem a vantagem de ser relativamente estável, porque você está apenas imprimindo sólidos. Se você tiver a opção de usar uma cor Spot Pantone, sugiro o Pantone 485. Novamente, um belo vermelho brilhante que é a opção preferida pelo designer para o vermelho.

Tudo isso é subjetivo, é claro, e se o seu cliente não gostar de nenhuma das opções acima, o melhor caminho a seguir é entregar a ele um livro de amostras Pantone e deixá-lo escolher um vermelho que ache que combina. Por fim, a cor na tela nunca será a combinação perfeita para a tinta no papel, mas encontrar uma cor subjetivamente 'igual' não deve ser difícil e uma das opções sugeridas acima deve fazer o trabalho.


4

Você deve escolher o valor mais próximo de um catálogo Pantone, que pode ser encontrado nas lojas de impressão. Dessa forma, você terá duas cores para web e impressão e deverá defini-las na diretriz de identidade corporativa (você pode ver um exemplo no link).

Se você quer saber o que está causando isso, a coisa são telas trabalhando em RGB e a impressão funciona em cores CMYK. Você pode ver a diferença aqui .


4

Seu problema é que RGB e CYMK não têm a mesma gama ou intervalo. Existem cores que o RGB pode produzir e que o CMYK fisicamente não pode.

Infelizmente, você precisa voltar ao seu cliente e explicar isso, o que deveria ter sido feito em primeiro lugar quando o cliente escolheu essa cor. Você pode obter uma cor exata que está próxima (não tenho um livro Pantone ou Trumatch à mão para verificar), mas se não houver uma única cor exata (tinta pré-misturada) que funcione, ou CMYK não pode produzir essa cor. valor, seu cliente terá que se comprometer de alguma forma.

Faça uma pesquisa no site através dos rgbe cmyktags e você poderá obter mais informações sobre as duas gamas de cores e como tradução de endereços entre eles.


2

Não há como fazer com que as cores pareçam exatamente iguais na impressão e na tela. Exceto no caso, a tela é pintada com a cor apropriada.

  • Duas telas diferentes mostrarão a mesma coordenada RGB de maneira diferente. Para demonstrar isso, você pode conectar a tela CRT e LED ao computador e clonar a tela.
  • Uma cor fotografada será representada de maneira diferente usando os espaços de cores Adobe-RGB, s-RGB, LAB e CMYK.
  • Uma cor fotografada usando câmeras diferentes será representada de maneira diferente. Os chips CMOS de diferentes produtores têm máscaras e sensibilidades de filtro ligeiramente diferentes.
  • As mesmas cores CMYK (o único espaço de cor para a impressão) serão impressas de maneira diferente em impressoras de tipos diferentes. O mesmo se aplica a marcas diferentes.
  • Diferentes tipos de cores e diferentes materiais de base desaparecem / envelhecem de maneira diferente. Imprima alguns gráficos simples, cubra parte dele e deixe-o por uma semana sob a luz do sol.
  • Diferentes configurações de tela (brilho, contraste, temperatura) também arruinam a correspondência de cores ajustadas.

Também existem alguns pontos extras que tocam levemente o assunto.

  • Não há como combinar a cor impressa com a cor real (do produto anunciado) usando o espaço de cores CMYK. Exceto no caso em que o produto tem a cor exata da cor usada na impressora particular.
  • A maneira de obter, digamos, as cores Impreza-Blue (IB) e STi-Purple (SP) na impressão é usar o espaço de cores expandido do CMYK-IB-SP, onde as tintas especiais IB e SP são usadas nas tintas CMYK padrão . Essas tintas especiais são personalizadas de acordo com a correspondência exata. A cor Impreza-Blue é a tinta metálica típica do Subaru Impreza e STi-purple é a cor do logotipo da STi no carro.

tl; dr
Para demonstrar o fato, é impossível criar um quadrado com a cor # FF0000.

Imprima este quadrado usando impressora a tinta e impressora a laser. Use papéis diferentes - escuros e polidos; branco, "natural", sombreado.

Mostre ao seu cliente o quadrado vermelho impresso nos papéis, na tela (LCD), na tela LCD, no smartphone, tablet, smartphone, tablet, qualquer dispositivo que você possa imaginar útil.

Você pode aumentar sua carga útil de argumentos usando diferentes configurações da impressora (qualidade da foto, padrão, rascunho), diferentes marcas de impressora (HP, Canon, Epson, Brother, UTAX, ...).


Se for usual que você seja solicitado a obter essa correspondência de cores, faça paletas de cores típicas e desenhe-as quando necessário. Combinado com a tela e os smartphones dos clientes, ele será um argumento à prova de clientes do inferno. Caso contrário, corra; corra o mais rápido possível.


Isso é simplesmente porque o vermelho provavelmente está fora de escala. Mas, quando você está na gama, certamente é possível chegar extremamente perto. O problema é que a impressão é muito mais sensível às condições de luz do que as telas; portanto, para avaliar a impressão, você deve fazê-lo em condições de exibição padrão.
Joojaa 7/11

@joojaa Bom ponto. Use-o para sua vantagem. Eu acho que mesmo se você estiver na gama, as diferenças ainda estarão presentes. Especialmente se você usar impressora de baixa resolução e cores brilhantes.
Crowley
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.