¿Cómo hacer que el color de mi logotipo se vea igual en Web e impresión?

16
  • Mi cliente quería usar el color # dd0017 como su rojo primario en su sitio web
  • A lo largo del camino, hemos diseñado todo el sitio y el logotipo en ese color (hice el logotipo en RGB).
  • Ahora está pidiendo una versión impresa. Traté de hacer el logotipo igual que # dd0017. Pero no está tomando el valor en absoluto en Illustrator o Photoshop. Se cambia automáticamente a # db1e26.
  • Además, la mayoría de los sitios web muestran que el código de color equivalente para CMYK es (0,100,93,13). Cuando trato de hacerlo, aparece otro código hexadecimal de # d11628.
  • Tenga en cuenta que soy un poco novato en materia de colores. Soy diseñador web pero a veces necesito hacer logotipos. Pero realmente no los entiendo mucho.

Entonces, ¿hay una solución? Si no hay nadie, ¿podría sugerirme cómo se lo debo explicar al cliente?

Un mandal
fuente
Primero, asegúrese de que todos usen la misma marca y modelo de monitor.
aslum

Respuestas:

28

Aquí está la respuesta técnica

¡Decir que el color es # dd0017 no tiene sentido, a menos que esté emparejado con información sobre qué espacio de color está utilizando! Por lo tanto, la conversión de # dd0017 a CMYK no tiene sentido. Con esto fuera de nuestra agenda, podemos comenzar a ver qué significaría lo mismo en su escenario.

Cuando habla de color puro como # dd0017 , está especificando un color que es diferente en cada monitor. Para hablar de lo mismo, entonces tienes problemas porque no sabemos si te refieres a:

  • Igual que en su monitor
  • Igual que en el monitor de sus clientes.
  • Igual que en un espacio de color estándar

Ver el mismo número hace diferentes colores en diferentes espacios de colores. Para que tenga sentido convertir un color preciso, debe especificar el espacio de color utilizado. Entonces, por ejemplo, # dd0017 en el espacio de color sRGB tiene sentido. Los números no son importantes y sin esta información son totalmente inútiles. Entonces, los números no representan el color como tal, representan un color en un espacio, diferentes espacios RGB tendrán diferentes valores numéricos. *

Ingrese a la gestión del color. Para que todo esto tenga sentido, necesita saber cuál es el color en algún espacio neutral del dispositivo. En esencia, debe medir el monitor, con un medidor de color (también conocido como calibrador Montor, como un ColorMunki, por ejemplo). Además, necesita saber cuáles son las condiciones de luz en el escritorio, por lo que para ser preciso, debe medir este monitor donde se usa (o hacerlo de forma continua). Ahora puede crear un perfil para su monitor, que nos dice cómo se ve ese combo de monitor / espacio de trabajo en particular, ya que cada monitor en el mundo es único.

Luego podemos emparejar ese número mágico con esta información de perfil para obtener valores neutrales del dispositivo, o hacer que la pantalla se ajuste a un espacio de color estándar como sRGB. Si hace que el monitor se muestre como sRGB, entonces verá los colores según lo previsto por el estándar, que es lo que debería ser la web.

Ok, ahora puede convertir el color a un espacio neutral, pero obviamente todavía necesita saber el espacio de la impresora. Para la impresora, el proceso es muy similar. Lo más probable es que una impresora comercial esté usando la calibración para algún espacio estándar, por lo que nuevamente decir valores CMYK sin decir espacio no tiene sentido. Pero si desea hacer lo mismo con una impresora de oficina, también debe calibrarse, sugiero al menos 3 veces por vida útil del cartucho de tóner.

Captura 13

La coincidencia de colores tiene muchos problemas, pero la pregunta central es qué hacer con los colores que no se pueden reproducir. Observe que su color excede los colores que puede producir su impresora CMYK. El tamaño de cada espacio se llama una gama, y ​​exceder una gama es fácil ya que el espacio sRGB es mucho más grande que los espacios CMYK estándar SWOP, FOGRA, GRACol, etc.

Es por eso que la mayoría de los diseñadores diseñan a la inversa. Eligen un color, generalmente no en CMYK sino en Pantone, y van desde allí hacia atrás. Una vez más, Pantone es más grande que CMYK, pero proporciona buenos puntos de partida para las conversiones, y tiene chips de color que reflejan con precisión los valores disponibles. Principalmente porque esto es más fácil que tratar de hacer la ruta tecnológica, que es lo más exigente.

Entonces sí, se puede hacer, pero requiere que hagas bastante trabajo.

* Esto es lo que Photoshop hace por usted: se le ha dicho que el espacio con el que trabaja es X y el monitor es Y, por lo que los números cambian para coincidir.

joojaa
fuente
También tenga en cuenta que Adobe sugiere el color seguro más cercano al color actual al elegir uno de la paleta. Y distingue los colores seguros para imprimir y seguros para mostrar. Creo que seguro aquí significa no tan arriesgado.
Crowley
55
Esta es una buena respuesta, +1. Es posible que también desee mencionar brevemente que el color percibido por un observador humano variará significativamente en función de múltiples factores, incluida la iluminación (por ejemplo, sombras / sombras, etc.) y los colores que están cerca de lo que se está observando (incluido el documento sobre que está impreso, que también puede sangrar a través de una impresión). Hay muchas ilusiones ópticas que demuestran claramente que exactamente el mismo color se percibirá de manera diferente dependiendo de los colores / imágenes circundantes.
Makyen
8

Hacer coincidir los colores entre la pantalla y la impresión es una tarea compleja ya veces imposible. Debido a la naturaleza de la luz (pantallas, RGB) frente a la tinta (CMYK, Pantones, etc.) y al hecho de que casi todos los monitores mostrarán el color de manera ligeramente diferente y la impresión se verá diferente con diferentes luces. Este tipo de gestión del color es un trabajo en sí mismo.

Sin embargo, en este caso puede que tengas suerte. El color en cuestión es un rojo limpio y brillante, por lo que sus opciones son bastante limitadas. Si está imprimiendo CMYK, es muy probable que su mejor opción sea 100% Magenta, 100% Amarillo. Esto es casi tan rojo como se puede obtener de las tintas de proceso y tiene la ventaja de ser relativamente estable porque solo está imprimiendo sólidos. Si tiene la opción de usar un color Pantone Spot, le sugeriría Pantone 485. Una vez más, un bonito rojo brillante que es una gran elección del diseñador para el rojo.

Todo esto es subjetivo, por supuesto, y si a su cliente no le gusta ninguna de las opciones anteriores, entonces el mejor curso de acción es entregarle un libro de muestras de Pantone y dejar que elija un rojo que crea que coincide. En última instancia, el color en la pantalla nunca será una combinación perfecta para la tinta sobre papel, pero encontrar un color subjetivamente 'igual' no debería ser difícil y una de las opciones que he sugerido anteriormente debería hacer el trabajo.

Lado oeste
fuente
4

Debe elegir el valor más cercano de un catálogo de Pantone que puede encontrar en las imprentas. De esta forma, tendrá dos colores para la web y la impresión, y debe configurarlos en la guía de identidad corporativa (puede ver un ejemplo en el enlace).

Si se pregunta qué está causando esto, la cuestión es que las pantallas funcionan en RGB y la impresión funciona en colores CMYK, puede ver la diferencia aquí .

Ferdi Çıldız
fuente
4

Su problema es que RGB y CYMK no tienen la misma gama o rango. Hay colores que RGB puede producir que CMYK no puede físicamente.

Desafortunadamente, debe volver a su cliente y explicarle esto, lo que debería haber hecho en primer lugar cuando el cliente eligió ese color. Es posible que obtenga un color directo que esté cerca (no tengo un libro Pantone o Trumatch a mano para verificar), pero si no hay un solo color directo (tinta premezclada) que funcione, o CMYK no puede producir eso valor, entonces su cliente tendrá que comprometerse de alguna manera.

Haga una búsqueda en este sitio a través de los rgby cmyklas etiquetas y obtendrá más información acerca de las dos gamas de color y la forma de traducción de direcciones entre ellos.

Lauren-Reinstate-Monica-Ipsum
fuente
2

No hay forma de hacer que los colores se vean exactamente iguales en la impresión y en la pantalla. A excepción del caso, la pantalla está pintada con el color apropiado.

  • Dos pantallas diferentes mostrarán la misma coordenada RGB de manera diferente. Para demostrar esto, puede conectar la pantalla CRT y LED a la computadora y clonar la pantalla.
  • Un color fotografiado se representará de manera diferente utilizando los espacios de color Adobe-RGB, s-RGB, LAB y CMYK.
  • Un color fotografiado con diferentes cámaras se representará de manera diferente. Los chips CMOS de diferentes productores tienen máscaras y sensibilidades de filtro ligeramente diferentes.
  • Los mismos colores CMYK (el único espacio de color para la impresión) se imprimirán de manera diferente en impresoras de diferentes tipos. Lo mismo se aplica para diferentes marcas.
  • Los diferentes tipos de color y los diferentes materiales base se desvanecerán / envejecerán de manera diferente. Imprima algunos gráficos simples, cubra parte de él y déjelo durante una semana a la luz del sol.
  • La configuración diferente de la pantalla (brillo, contraste, temperatura) también arruinará la combinación de colores ajustados.

También hay algunos puntos extra que tocan ligeramente el tema.

  • No hay forma de hacer coincidir el color impreso con el color real (del producto anunciado) utilizando el espacio de color CMYK. Excepto en el caso de que el producto tenga el color exacto como el color utilizado en la impresora particular.
  • La forma de lograr, digamos Impreza-Blue (IB) y STi-Purple (SP), los colores en la impresión es usar el espacio de color expandido de CMYK-IB-SP, donde se usan tintas especiales IB y SP a lo largo de las tintas CMYK estándar . Estas tintas especiales se mezclan a la medida exacta. El color Impreza-Blue es la pintura metálica típica del Subaru Impreza y STi-purple es el color del logotipo de STi en el automóvil.

tl; dr
Para demostrar el hecho de que es imposible crear un cuadrado con el color # FF0000.

Imprima este cuadrado con una impresora de tinta y una impresora láser. Use diferentes papeles, tanto tenues como pulidos; blanco, "natural", sombreado.

Muestre a su cliente el cuadrado rojo impreso en los papeles, en su pantalla (LCD), su pantalla LCD, su teléfono inteligente, tableta, su teléfono inteligente, tableta, cualquier dispositivo que pueda imaginar útil.

Puede aumentar su carga útil de argumentos utilizando diferentes configuraciones de impresora (calidad fotográfica, estándar, borrador), diferentes marcas de impresoras (HP, Canon, Epson, Brother, UTAX, ...).


Si es habitual que se le pida que logre esta combinación de colores, hágase una paleta de colores de colores típicos y dibuje cuando sea necesario. Combinado con la pantalla de los clientes y los teléfonos inteligentes, será un argumento a prueba del cliente del infierno. Si no es así, corre; corre lo más rápido posible.

Crowley
fuente
Eso es simplemente porque el rojo es muy probable que esté fuera de la gama. Pero, cuando estás en la gama, ciertamente es posible acercarte mucho. El problema es que la impresión es mucho más sensible a las condiciones de luz que las pantallas, por lo que para evaluar la impresión debe hacerlo en condiciones de visualización estándar.
joojaa
@joojaa Buen punto. Úselo para su ventaja. Creo que incluso si estás en la gama, las diferencias seguirán presentes. Especialmente si utiliza una impresora de tinta de baja resolución y colores brillantes.
Crowley el