Los papeles en una paleta de colores de marca
| Papel | Finalidad | Número habitual |
|---|---|---|
| Primario | El color más asociado a la marca: logotipo, superficies principales, botones principales | 1 a 2 |
| Secundario | Apoya al primario en maquetaciones, gráficos e ilustraciones | 2 a 4 |
| Acento | Llama la atención sobre un elemento, como una oferta o una llamada a la acción | 1 a 2 |
| Neutros | Texto, fondos y bordes: normalmente un tono oscuro, un blanco y varios grises | 3 a 5 |
| Funcionales | Estados de éxito, advertencia, error e información en software y formularios | 3 a 4 |
Una paleta también necesita proporciones. Una regla práctica que usan muchos diseñadores es 60-30-10: aproximadamente un 60 % de color dominante o neutro, un 30 % de secundario y un 10 % de acento.
Cómo especificar cada color
Un color elegido en pantalla todavía no está especificado. Las pantallas, las imprentas y la pintura producen el color de maneras distintas, así que cada color de marca necesita un valor para cada método de reproducción:
| Sistema | Se usa para | Qué hay que saber |
|---|---|---|
| HEX y RGB | Pantallas: web, aplicaciones, presentaciones, video | Se supone que los valores están en sRGB, el espacio de color definido por IEC 61966-2-1:1999 para monitores y la web. HEX es el mismo valor RGB escrito en hexadecimal: #047DBA es RGB 4, 125, 186. |
| CMYK | Impresión en cuatricromía | El resultado depende de la prensa, el papel y la tinta. Indica valores por condición de impresión (al menos papel estucado y sin estucar), idealmente con el perfil ICC usado para la conversión. |
| Pantone (PMS) | Impresión con tintas planas, envases, artículos promocionales | El Pantone Matching System numera tintas premezcladas. El sufijo indica el papel: C para estucado (coated) y U para sin estucar (uncoated). |
| RAL o referencias de pintura | Rotulación, vehículos, interiores, stands en ferias | Hacen falta siempre que el color se pinta o se aplica con pintura en polvo en lugar de imprimirse. |
Hay dos errores frecuentes. El primero es convertir el color de pantalla a CMYK con una fórmula y tratar el resultado como definitivo. Muchos colores saturados de pantalla, sobre todo los azules y verdes intensos, quedan fuera del rango que puede imprimir una prensa de cuatricromía, así que el valor convertido se imprime más apagado. Elige el valor de impresión de forma deliberada y ajusta a ojo las versiones de pantalla y de impresión con pruebas reales. El segundo es dar una sola referencia Pantone para todos los papeles: una marca que imprime en papel estucado y sin estucar suele necesitar una referencia aparte para el sin estucar para que se vea igual.
Contraste y accesibilidad
Un color de marca usado para texto, botones o iconos tiene que poder leerse. WCAG 2.2, una Recomendación del W3C publicada en octubre de 2023, establece ratios de contraste mínimos entre el texto o los elementos de la interfaz y su fondo:
| Contenido | Nivel AA | Nivel AAA |
|---|---|---|
| Texto normal | 4,5:1 | 7:1 |
| Texto grande (al menos 18 puntos, o 14 puntos en negrita) | 3:1 | 4,5:1 |
| Iconos, bordes de campos y otros objetos gráficos necesarios para entender la página | 3:1 | No definido |
El ratio compara la luminancia relativa de los dos colores y va de 1:1 (colores idénticos) a 21:1 (negro sobre blanco). Los logotipos y el texto que forma parte de un logotipo están exentos, pero un color de marca usado para el texto del cuerpo, los enlaces o las etiquetas de los botones no lo está. Los naranjas, los azules claros y los amarillos de tono medio suelen incumplir con texto blanco, así que muchas paletas añaden un tono más oscuro del primario para texto y botones.
En la UE, la Ley Europea de Accesibilidad (European Accessibility Act, Directiva (UE) 2019/882) se aplica desde el 28 de junio de 2025 a muchos servicios digitales dirigidos a consumidores. Comprueba cada pareja de texto y fondo antes de aprobar la paleta, no después de construir el sitio web.
Colores de marca en el trabajo diario
La mayoría de los errores de color provienen de personas que no tenían los valores a mano. Un equipo de ventas crea gráficos en una plantilla de presentación cuyos colores de tema nunca se definieron. Un distribuidor imprime un banner a partir de un archivo de pantalla y el azul de la marca sale morado. Un diseñador toma un color de un JPG comprimido del logotipo y obtiene un valor ligeramente desviado. La solución es poner los valores exactos donde la gente trabaja: en las plantillas de presentaciones y documentos, en un archivo de muestras para las herramientas de diseño y junto a la descarga del logotipo.
Colores de marca en Freedam
- La sección Colores de la Guía de marca contiene paletas con nombre. Los administradores introducen el nombre, el valor HEX y la referencia Pantone de cada color. Freedam rellena los valores RGB y CMYK a partir del código HEX, y un interruptor Manual permite introducir los valores CMYK que suministró tu imprenta.
- Cualquier persona que pueda abrir la guía copia un valor HEX, RGB, CMYK o Pantone con un clic, y Descargar paleta de colores exporta todas las paletas como un archivo de muestras ASE que se abre en Photoshop, Illustrator e InDesign.
- La búsqueda por color encuentra imágenes cuya paleta contiene un color cercano a tu color de marca, con una tolerancia ajustable, y la búsqueda se puede guardar para todo el equipo.
- Las reglas de marca pueden incluir una comprobación exacta de que los colores de marca indicados cubran una proporción mínima de la paleta de una imagen.
- Los temas de las páginas personalizadas definen seis colores como códigos hexadecimales, y el texto de los botones alterna entre oscuro y blanco para seguir siendo legible sobre el color primario.
El generador de brand center gratuito lee la paleta de tu página de inicio y la muestra aplicada a un brand center. Crear un brand center explica los pasos siguientes.
Preguntas frecuentes
¿Cuántos colores de marca debe tener una marca?
Normalmente uno o dos colores primarios, de dos a cuatro colores secundarios y un conjunto de neutros. Por encima de unos ocho colores que no sean neutros, una paleta se vuelve difícil de recordar y de aplicar con coherencia.
¿Cuál es la diferencia entre Pantone C y U?
Las referencias C se imprimen en papel estucado y las U en papel sin estucar. La tinta es la misma, pero el papel sin estucar absorbe más, así que una muestra U se ve más oscura y menos saturada que su equivalente C.
¿Se puede registrar un color como marca?
En muchas jurisdicciones sí, pero normalmente solo cuando la empresa puede demostrar que el público asocia ese color con sus productos en una categoría concreta. El registro identifica el color con precisión, a menudo mediante una referencia Pantone.
Términos relacionados
Copia un color de marca en todos los formatos
Abre la sección Colores de la Guía de marca de Nordi en la demo. Copia el valor HEX, RGB, CMYK o Pantone de un color con un clic, o descarga las paletas como archivo de muestras ASE para tus herramientas de diseño.
Entras en el espacio de trabajo de Nordi como administrador.