Construcción de paletas
Construcción de paletas
11 reglasParte de la regla 60/30/10
Reparte la superficie por rol, no por gusto: 60% dominante (fondo y base que ocupa la mayor parte de la página), 30% secundario (bloques, franjas, imágenes de apoyo) y 10% acento (el CTA, un folio destacado, el detalle que debe notarse primero). Tomada del interiorismo, la proporción evita que una página se lea como una lista plana de colores sin peso. Tres roles con áreas desiguales crean jerarquía antes de leer una sola palabra.
Gasta el acento en un solo elemento por composición
El acento es el color con menos superficie y más responsabilidad, así que resérvalo para un solo elemento por composición: un botón, un dato, un titular. Su poder viene de la escasez, como un hilo rojo que resalta solo porque todo a su alrededor está en calma. Repítelo en tres lugares y deja de señalar importancia para volverse ruido decorativo que jala el ojo en todas direcciones a la vez.
Da a toda paleta al menos tres neutros
Una paleta editorial necesita mínimo tres neutros, no uno: un casi-blanco para fondos, un gris medio para texto secundario y filetes, y un casi-negro para el cuerpo de texto. Nunca dejes que el negro puro (#000) y el blanco puro (#FFF) sean los únicos neutros, son duros, aplanan la profundidad y, en prensa, el negro puro de cuerpo se ve delgado (ver la regla de negro rico en producción). Una rampa de neutros graduada es lo que hace que una página se sienta pensada y no armada con valores por defecto.
Limita la paleta a cinco o seis colores con rol fijo
Fija un máximo de 5-6 colores con rol definido por proyecto: dominante, secundario, acento y tres neutros. Más que eso obliga a una decisión ad hoc en cada pieza nueva (¿cuál azul es el título esta vez?) y la consistencia entre números de la misma serie se erosiona. Un set corto con roles bloqueados es lo que permite que una revista o un reporte se vean como una sola publicación a lo largo de decenas de páginas hechas por manos distintas.
Prueba el dominante y el acento en escala de grises
Antes de fijar la paleta, convierte el par dominante+acento a escala de grises: el ojo lee el valor (luminancia) antes que el matiz. Si el acento no se separa del dominante en gris, sube o baja su claridad aunque los matices ya se vean claramente distintos a color. Un acento rojo sobre fondo verde puede ser vibrante en pantalla y colapsar en un solo tono plano en grises, que es exactamente como lo verá un lector con daltonismo o una fotocopia en blanco y negro.
Deriva tints y shades en pasos de luminosidad regulares
Construye variantes tonales del dominante y el secundario en pasos de luminosidad regulares (por ejemplo cuatro pasos en 90%, 70%, 50%, 30% de claridad) en vez de generar cada una al ojo. Los pasos parejos dan una familia de color coherente para fondos de sección, filas cebra de tablas y franjas, todas comprobablemente de marca. Los tints elegidos a mano se corren en matiz y espaciado, así la rampa se ve irregular y dos fondos que deberían sentirse emparentados no lo hacen.
Ten un color de alerta separado del acento de marca
Cuando un documento debe señalizar urgencia (una errata, una oferta limitada, una fecha límite) reserva un color de alerta distinto en vez de reutilizar el acento decorativo. Si el mismo color a la vez decora y advierte, el lector no puede distinguir lo que solo es bonito de lo que de verdad es urgente. Deja el acento de marca para la jerarquía y agrega una señal funcional aparte, idealmente alineada a la convención (rojo para peligro, ámbar para precaución).
En piezas multi-marca, acuerda quién manda primero
En piezas multi-marca o de coedición, decide por acuerdo explícito qué marca es dueña del color dominante antes de diseñar. El error más común es promediar las dos identidades (partir la diferencia entre sus azules) lo que aterriza en un tercer color que no es de ninguna y diluye a ambas. Elige una para liderar el 60%, deja que la otra tome el secundario o el acento, y mantén los valores exactos de cada marca intactos.
Cumple contraste WCAG AA, con margen extra en papel
Verifica que el par dominante/texto cumpla WCAG AA: 4.5:1 para texto de cuerpo y 3:1 para texto grande (≥18pt o 14pt en negrita). El papel y el ojo humano absorben el contraste distinto a una pantalla retroiluminada, así que en impresión apunta por encima del mínimo digital, no justo en él, sobre todo para cuerpo largo y pies de foto pequeños. Un par que apenas pasa 4.5:1 en un monitor puede leerse como gris sobre gris ya siendo tinta sobre papel no couché.
Documenta cada color por rol, no solo por valor
Registra la paleta con su rol, no solo con su valor: una tabla de Rol · HEX/CMYK/Pantone · dónde va evita que el siguiente diseñador use el secundario como si fuera el acento en la próxima pieza de la misma serie. Una lista pelada de swatches dice qué son los colores pero no para qué sirven, y la intención es justo lo que se erosiona en un proyecto largo. Nombrar el trabajo hace que el sistema se defienda solo.
Secundario · #C3CEEE / C24 M16 Y0 K7 · franjas, bloques de apoyo
Acento · #2743DB / PANTONE 2727 C · un CTA por página
Cuerpo · #1C2024 / negro rico · texto corrido
Para series largas, flota uno o dos colores por número
Para series editoriales largas (una revista, una colección de reportes) fija una paleta base estable y deja que solo 1-2 colores flotantes cambien por número o tema. Cada edición tiene su propia identidad visual (un verde de primavera, un óxido de otoño) sin reinventar todo el sistema, así la colección se lee como una familia con miembros distinguibles. Los neutros, el dominante y la tipografía se quedan; solo el acento de temporada se mueve.
- R-422 Parte de la regla 60/30/10
- R-423 Gasta el acento en un solo elemento por composición
- R-424 Da a toda paleta al menos tres neutros
- R-425 Limita la paleta a cinco o seis colores con rol fijo
- R-426 Prueba el dominante y el acento en escala de grises
- R-427 Deriva tints y shades en pasos de luminosidad regulares
- R-428 Ten un color de alerta separado del acento de marca
- R-429 En piezas multi-marca, acuerda quién manda primero
- R-430 Cumple contraste WCAG AA, con margen extra en papel
- R-431 Documenta cada color por rol, no solo por valor
- R-432 Para series largas, flota uno o dos colores por número