Un cliente reenvía su manual de marca a una imprenta, a un desarrollador web y a un rotulista, y cada uno busca un número distinto junto al mismo naranja. Si la paleta solo da un HEX, la imprenta lo convierte con el perfil que tenga instalado, el rotulista adivina una pintura, y tres proveedores producen tres naranjas. Esta guía recoge los códigos de color que debe indicar una paleta, explica por qué los valores de impresión no se calculan a partir de los de pantalla, y muestra cómo prepararlos en Illustrator y escribirlos en el manual.
Los códigos de color que necesita una paleta de marca
| Código | Para qué sirve | Ejemplo |
|---|---|---|
| HEX | Webs, apps, Figma, Canva, cualquier campo de color en pantalla | #E8552B |
| RGB | Documentos de pantalla, presentaciones, vídeo, software de oficina | 232, 85, 43 |
| CMYK | Impresión en cuatricromía: folletos, tarjetas, packaging | 0, 76, 96, 0 sobre papel no estucado (FOGRA29) |
| Pantone | Tinta plana: una tinta premezclada para papelería, packaging, merchandising, serigrafía | Un número con C o U, por ejemplo Pantone 286 C |
| RAL | Pintura, lacado en polvo, rotulación, interiorismo comercial | Cuatro cifras, por ejemplo RAL 9005 (negro intenso) |
Toda marca necesita HEX, RGB y CMYK; Pantone en cuanto algo se imprime con tintas planas; RAL cuando la marca se pinta en una pared, un vehículo o un rótulo. Las tres primeras filas describen el mismo naranja. Las dos últimas solo muestran la notación: una tinta plana o una pintura se eligen a ojo en una guía física, no se calculan a partir de un HEX.
HEX y RGB: un color, dos notaciones
Un código HEX es el valor RGB escrito en base 16: E8 es 232, 55 es 85 y 2B es 43, así que #E8552B y 232, 85, 43 son el mismo color. Da los dos: las herramientas web y de diseño piden un HEX, el software de oficina suele pedir tres números, y copiar uno en el otro a mano es donde aparecen las erratas. Ambos describen sRGB, el espacio de color que la web da por hecho y el espacio de trabajo RGB por defecto de Illustrator.
CMYK: el valor depende del papel
Los valores CMYK no son un color, sino instrucciones para una máquina de impresión: cuánta tinta de cada color depositar. El papel no estucado absorbe más tinta y engorda cada punto de trama, así que los mismos cuatro valores se ven distintos en papel estucado (couché) y no estucado, y el mismo color objetivo necesita valores diferentes en cada uno. Un perfil ICC describe una condición de impresión, y una conversión desde RGB solo tiene sentido respecto a uno de ellos.
Estos son tres colores de una paleta de ejemplo, convertidos desde sRGB con dos perfiles que incluye Illustrator (colorimétrico relativo, compensación de punto negro):
| Color | Coated FOGRA39 | Uncoated FOGRA29 |
|---|---|---|
| Brasa #E8552B | 1, 78, 87, 0 | 0, 76, 96, 0 |
| Bahía #1F4E79 | 93, 67, 29, 14 | 97, 73, 25, 10 |
| Carbón #1A1A1A | 74, 67, 62, 83 | 84, 76, 56, 71 |
El motor de color de Illustrator puede variar en un punto o dos; lo que importa es la diferencia entre las columnas.
Por qué una conversión es un punto de partida, no una respuesta
Una conversión imita el color de pantalla tanto como lo permite una máquina concreta, sin saber cómo se va a usar el color. En la fila Carbón, un casi negro pensado para texto se convierte en cuatro tintas que suman un 286 por ciento, lo que delata cualquier fallo de registro en un cuerpo pequeño; el negro del texto se imprime en 0, 0, 0, 100. El 1 por ciento de cian del naranja en estucado es ruido que hay que quitar. Los naranjas, verdes y azules vivos suelen quedar fuera de la gama CMYK, así que el valor convertido sale más apagado y requiere una decisión humana.
Pregunta a la imprenta con qué perfil imprime: en Europa, a menudo PSO Coated v3 (FOGRA51) o PSO Uncoated v3 (FOGRA52), gratuitos en la European Color Initiative; en Norteamérica, GRACoL 2013 o SWOP. Fíjalo como espacio de trabajo CMYK en los ajustes de color del menú Edición, convierte, limpia los valores y revisa una prueba sobre el papel real. Después escribe dos valores CMYK en el manual, estucado y no estucado, cada uno con el nombre de su perfil.
Pantone: tintas planas, C y U
El Pantone Matching System numera tintas premezcladas. Una tinta plana (o directa) se imprime con su propia plancha y su propia tinta en lugar de construirse con las cuatro tintas de cuatricromía, por eso se mantiene mucho más constante de una tirada a otra. La piden los proveedores de merchandising, serigrafía y packaging.
Cada referencia lleva un sufijo: C para papel estucado, U para no estucado. Pantone 286 C y 286 U son la misma tinta; la muestra U se ve más apagada porque el papel no estucado absorbe la tinta. Indica las dos si la marca imprime en ambos papeles; elegir otro número U que se acerque más al aspecto estucado es válido siempre que quede por escrito. Elige la referencia a ojo en una guía Pantone impresa, con buena luz y junto al color aprobado, y no con un conversor de HEX a Pantone en línea: muchos colores Pantone no tienen equivalente exacto en CMYK ni en sRGB.
Pantone en las aplicaciones de Adobe desde 2022
Desde 2022, Adobe dejó de incluir la mayoría de los libros de color Pantone en Illustrator, Photoshop e InDesign, y la versión de octubre de 2023 de Illustrator retiró los tres últimos (Pantone+ CMYK Coated, CMYK Uncoated y Metallic Coated). Para elegir colores Pantone dentro de Illustrator ahora hace falta la extensión Pantone Connect, disponible en Adobe Exchange, y una licencia de pago de Pantone Connect. Los documentos que ya contienen muestras Pantone las conservan, y otros libros de color como HKS, TOYO, DIC y TRUMATCH siguen incluidos en Illustrator.
RAL para pintura y rotulación
Rotulistas, talleres de lacado en polvo e interioristas comerciales trabajan con RAL. Los códigos RAL Classic tienen cuatro cifras, la primera indica la familia (5 para los azules, 9 para los blancos y negros), y un nombre: RAL 9005 es el negro intenso. Elige el código en un muestrario físico, junto a una impresión del color de marca. Los vinilos siguen la gama propia de cada fabricante, así que deja que el rotulista proponga el más cercano.
Prepara muestras con nombre en Illustrator
El manual nunca es más coherente que el archivo del que sale: una muestra sin nombre llamada R=232 G=85 B=43, junto a un naranja ligeramente distinto tomado de un PNG, y el manual también se desvía.
Convierte cada color de marca en una muestra global con nombre
En el panel Muestras, haz clic en Nueva muestra, dale al color su nombre de marca ("Brasa", no "Naranja 2"), elige el modo de color y marca Global. Una muestra global está vinculada a cada objeto y cada matiz pintados con ella, así que editarla actualiza todo el archivo; muestra un pequeño triángulo blanco en la esquina de su miniatura. Vuelve a aplicarla a lo que pintaste antes de que fuera global. Para una referencia Pantone, ajusta el Tipo de color en Tinta plana.
Agrupa la paleta
Selecciona las muestras de la marca y haz clic en Nuevo grupo de colores, en la parte inferior del panel: un grupo por función, Principal, Secundarios y Neutros. Luego selecciona todas las muestras no utilizadas desde el menú del panel y elimínalas, para que el archivo contenga la paleta y nada más. El mismo menú guarda la biblioteca de muestras en formato ASE, que lleva las muestras con nombre a InDesign o a Photoshop.
Decide en qué modo se define cada muestra
Una muestra guarda un único juego de valores en un único modo de color. En un archivo maestro RGB, define las muestras de la marca a partir del HEX aprobado, guarda los valores de impresión probados en una copia CMYK con los mismos nombres, y escríbelos en el manual para que nadie los vuelva a convertir.
Escribe la paleta en el manual de marca
La página de color es la que la gente copia, así que da a cada color un bloque que responda a cualquier proveedor: nombre, función, HEX, RGB, CMYK estucado y no estucado con el perfil, y Pantone C y U y RAL cuando se usen. La guía del manual de marca para freelances cuenta esta página entre lo imprescindible, y la guía de archivos de cómo entregar un logo a un cliente remite a ella para los pedidos de merchandising.
Principal, secundarios, neutros, y cuánto de cada uno
Pon primero el color principal, luego los secundarios y después los neutros, y muestra las proporciones con una barra o un reparto sencillo: neutros para la mayoría de las superficies, el principal como acento, los secundarios para gráficos. Sin proporciones, un cliente con un logo naranja hace una web naranja.
Contraste del texto sobre color
Indica qué colores de texto se permiten sobre qué fondos, con las ratios de las WCAG 2. El texto normal necesita al menos 4.5:1 respecto a su fondo. El texto grande, de al menos 18 pt o 14 pt en negrita (unos 24 px, o 18.7 px en negrita), necesita 3:1, igual que los iconos y las partes de gráficos y controles que hay que ver. El nivel AAA, más estricto, pide 7:1 y 4.5:1. Los logos están exentos, y una ratio justo por debajo del umbral no cumple: 4.4:1 no es 4.5:1.
| Texto sobre fondo | Ratio | Permitido para |
|---|---|---|
| Carbón sobre Papel (#F4F1EC) | 15.4:1 | Todo el texto |
| Blanco sobre Bahía | 8.7:1 | Todo el texto |
| Carbón sobre Brasa | 4.8:1 | Todo el texto |
| Blanco sobre Brasa | 3.6:1 | Solo texto grande e iconos |
| Brasa sobre Papel | 3.2:1 | Solo texto grande e iconos |
| Brasa sobre Bahía | 2.4:1 | Nunca para texto |
El blanco sobre el naranja de la marca es la sorpresa clásica: queda llamativo y no cumple para el texto normal.
Errores habituales
- Un CMYK convertido y nunca probado. Un valor convertido es una estimación para una sola máquina.
- Un Pantone sacado de una web de conversión. Devuelve el número más cercano de una tabla, no la tinta que queda bien.
- Solo la referencia C. El papel de carta se imprime en no estucado; dale a la imprenta una U.
- Negro de cuatricromía para el texto. Un cuerpo pequeño en cuatro tintas acusa cualquier fallo de registro. Mantén el 100 % de negro.
- Códigos que solo viven en un PDF. Los valores copiados arrastran saltos de línea; consulta manual de marca en PDF o en línea.
Preguntas
¿Qué son los códigos de color de una marca?
Son los valores que reproducen un color de marca en cada medio: HEX y RGB para pantalla, CMYK para impresión en cuatricromía, una referencia Pantone para tinta plana y un código RAL para pintura y rotulación. Una paleta completa indica todos los que usa la marca.
¿Cómo encuentro los códigos de color de un logo?
En Illustrator, selecciona la forma y lee el panel Color. Desde un PNG o una web, un cuentagotas da un HEX sRGB aproximado. Los valores CMYK y Pantone no se pueden leer en una imagen de pantalla: pide el manual de marca o el archivo original.
¿Cómo convierto un HEX a CMYK?
Fija el perfil de la imprenta como espacio de trabajo CMYK en los ajustes de color del menú Edición y cambia el modo de color de la muestra de RGB a CMYK en Opciones de muestra. Limpia el resultado y compruébalo en una prueba sobre el papel real.
¿Necesito una suscripción para usar colores Pantone en Illustrator?
Para elegir en los libros Pantone dentro de Illustrator, sí: desde la versión de octubre de 2023 eso pasa por la extensión Pantone Connect y una licencia de pago. Los archivos que ya contienen muestras Pantone se siguen abriendo con ellas.
Cómo lo resuelve Anchr Tools
Anchr Guide lee hasta seis colores de las muestras con nombre del archivo de Illustrator abierto y escribe los valores HEX, RGB y CMYK de cada uno en el manual de marca; Folio, la plantilla de 12 páginas, tiene una página de paleta de color y otra del logo sobre color. Como cualquier valor convertido, el CMYK es un punto de partida: el PDF es editable, así que pon en él los valores probados con la imprenta y añade las referencias Pantone y RAL, porque Anchr Tools no genera valores Pantone.
Anchr Portal publica los mismos colores en la página alojada de la marca, con los códigos HEX, RGB y CMYK para copiar con un clic, para que nadie vuelva a teclear un HEX. Las dos herramientas están en todos los planes: Per brand a 49 USD al año con una prueba de 7 días, o Studio a 199 USD al año con una prueba de 14 días; consulta los precios.