Códigos de color explicados: HEX, RGB, CMYK y Pantone

Por qué un color tiene varios códigos

Una pantalla crea el color con luz. Una impresora crea el color con tinta sobre papel. Son dos mundos distintos, y cada uno describe el color a su manera.

Así que el color de tu marca no es un solo código, sino un conjunto de códigos que van juntos. Cada código es la mejor aproximación al mismo color en otro medio. Si usas el código equivocado, el color no queda bien del todo: demasiado apagado, demasiado vivo o de otro tono.

Los cuatro códigos de un vistazo

Estos son los códigos que encontrarás en casi cualquier manual de marca:

• HEX. Para webs, apps y todo lo que está en línea. Un código corto con una almohadilla delante, que pegas directamente en un creador de webs o en una herramienta de diseño.
• RGB. También para pantallas, pero en forma de tres valores para rojo, verde y azul. Útil en programas de presentaciones y en Office.
• CMYK. Para la impresión en cuatricromía, como folletos, flyers y revistas. La imprenta mezcla el color a partir de cian, magenta, amarillo y negro.
• Pantone. Un color directo fijo de una carta de colores. Lo usas cuando un color impreso tiene que ser exacto, por ejemplo en envases, tarjetas de visita o textiles.

Errores que hacen que tu color cambie

La mayoría de los errores de color no surgen en el diseño, sino después. Alguien toma un color con el cuentagotas de una captura de pantalla. O un compañero convierte RGB a CMYK con cualquier herramienta en línea. El resultado se parece, pero no es exacto.

Un segundo error: definir solo el color de pantalla. Entonces la imprenta tiene que inventarse un valor CMYK, y cada imprenta lo hace de forma algo distinta. Tras unos cuantos encargos, tienes tres versiones del mismo color de marca.

Fíjate también en el papel. El mismo código CMYK se ve distinto en papel brillante que en papel mate o sin estucar. Pregunta a tu diseñador si necesitas valores distintos para los papeles que usas.

Cómo definir bien tus colores

Una buena página de colores en tu manual de marca incluye más que códigos. Ten en cuenta estos puntos:

• Deja la conversión en manos de un diseñador. Elige para cada medio el valor más cercano al color buscado, y no lo que una calculadora da por casualidad.
• Pon todos los códigos juntos. Para cada color, HEX, RGB, CMYK y, si hace falta, Pantone, en un solo lugar y en el mismo orden.
• Ponle nombre a cada color. Todo el mundo recuerda mejor «azul de marca» o «naranja de acento» que una serie de letras y números.
• Define el papel de cada color. ¿Cuál es el color principal, cuál es para acentos y cuál para fondos?
• Comprueba el contraste. El texto tiene que leerse bien sobre el fondo. Indica qué combinaciones funcionan y cuáles no.

Copiar en lugar de teclear

Incluso los códigos bien definidos fallan cuando la gente los teclea a mano. Un carácter mal en un código HEX y tienes otro color. Por eso, haz que tus compañeros puedan copiar los códigos con facilidad. Y acordad que todos saquen los códigos del manual. Nunca de un archivo antiguo ni de una captura.

En MarcaBase, los colores están juntos con sus códigos HEX, RGB, CMYK y Pantone, y copias un código con un clic. Si trabajas con un manual en PDF, pon los códigos en el documento como texto, no como imagen. Así, al menos, se pueden seleccionar y pegar.