Teoría y criterios del color
Los fundamentos para usar el laboratorio con criterio. Despliega cada tema; donde veas un botón, salta a la herramienta para practicarlo.
1. ¿Qué es el color?
La luz es energía y el color no viaja en ella: lo construye el cerebro a partir de las longitudes de onda del espectro visible (≈380–700 nm). Conos y bastones envían señales que la corteza visual interpreta como “rojo” o “azul”.
Implicación de neuromarketing: si el color es una construcción perceptual, el contexto, la cultura y la expectativa lo modulan. El mismo color comunica distinto según marca y país.
2. Las tres dimensiones del color
HSV: Hue, Saturation, Value (Matiz, Saturación, Valor).
- Matiz: el “nombre” del color y su posición en la rueda.
- Saturación (intensidad): pureza del color. Alta = vibrante; baja = apagado.
- Valor / luminosidad: claridad u oscuridad; gobierna jerarquía y contraste.
3. No existe una sola rueda: RYB, RGB y CMYK
Hay tres modelos y los primarios cambian en cada uno:
- RYB (Rojo, Amarillo, Azul): modelo tradicional del arte; el más intuitivo y el que se usa para pensar armonías.
- RGB (Rojo, Verde, Azul): luz aditiva; sumarla da blanco. Pantallas y Power BI.
- CMYK (Cian, Magenta, Amarillo, Key/negro): tinta sustractiva; resta luz al papel. Impresión.
Primarios = base, no se mezclan de otros. Secundarios = mezcla de dos primarios. Terciarios = un primario con su secundario vecino. Clave: en CMYK el rojo, el verde y el azul son secundarios (no es un error: es la lógica de la tinta).
4. Armonías cromáticas
- Complementarios: opuestos; máximo contraste y tensión, ideal para CTA.
- Análogos: vecinos; armonía, calma y cercanía.
- Triádicos: tres equidistantes; equilibrio vibrante.
- Tetrádicos: dos pares de complementarios; un dominante + acentos.
- Monocromáticos: un matiz variando saturación y luminosidad; sofisticación.
5. Temperatura del color
- Cálidos (rojo→amarillo): avanzan, energizan, estimulan apetito y urgencia.
- Fríos (verde→azul→violeta): retroceden, calman, transmiten confianza y distancia.
6. Color, emoción y atención (los criterios del laboratorio)
PAD: Pleasure, Arousal, Dominance (Placer, Activación, Dominancia).
La respuesta afectiva al color se describe sobre todo por dos ejes: valencia (agrado) y activación (arousal). El color dispara emoción antes que pensamiento.
¿Qué impulsa la atención?
- La saturación (intensidad) es la palanca intrínseca más fuerte: más pureza, más activación.
- La luminosidad por sí sola pesa poco; influye sobre todo por el contraste con el fondo (saliencia visual: un color “salta” según cuánto difiere de su entorno).
- La calidez del matiz añade un empujón (los cálidos atraen más).
7. El color en las marcas
Una marca no “tiene” un color: se apropia de un territorio cromático en la mente del consumidor y lo defiende con consistencia.
- Rojo: energía, urgencia, apetito.
- Azul: confianza, seguridad, tecnología.
- Amarillo: optimismo y visibilidad.
- Verde: naturaleza, salud, dinero.
- Violeta: lujo, creatividad, aspiracional.
- Naranja: cercano, accesible, enérgico (color de acción).
8. Color en dashboards (Power BI)
Aquí el color sirve a la lectura, no a la emoción:
- Un dato, un color: una métrica en varias categorías = un color con variaciones, no arcoíris.
- Categórico (paleta distinguible) vs. secuencial (rampa clara→oscura) vs. divergente (neutro al centro).
- Semánticos constantes: verde=bien, ámbar=alerta, rojo=mal.
- Gris para el contexto, color para lo que importa.
9. Accesibilidad y daltonismo
≈ 8% de los hombres tiene daltonismo rojo-verde. Si diferencias solo por color, no leen tu tablero.
- Refuerza el color con forma, ícono o etiqueta.
- Asegura contraste de texto suficiente (WCAG: Web Content Accessibility Guidelines; mínimo AA = 4.5:1).
- Simula daltonismo antes de publicar.
10. Pequeñas historias del color
- Púrpura de Tiro: de un caracol marino; tan caro que se reservó a la realeza.
- Azul ultramar: de lapislázuli afgano; costó más que el oro.
- Carmín de cochinilla: rojo intensísimo de un insecto del nopal; gran exportación colonial.
- Malva de Perkin (1856): primer tinte sintético, por accidente; el color se vuelve masivo.
Referencias
- Itten, J. (1961). The Art of Color.
- Mehrabian & Russell (1974). Modelo PAD.
- Valdez & Mehrabian (1994). Effects of color on emotions. J. Exp. Psychology.
- Itti & Koch (2001). Computational modelling of visual attention.
- Elliot & Maier (2014). Color Psychology. Annual Review of Psychology.
- Labrecque & Milne (2012). Exciting red and competent blue.
- Few, S. (2012). Information Dashboard Design.
- Okabe & Ito (2008). Color Universal Design.
Tablero comercial · Escuela ELE
Ingresos por región (COP M) · una métrica, un color
Portafolio · categorías
Tu producto, hoy
Sección de aterrizaje de ejemplo para ver el color recomendado en contexto real.
Ver másÍndice de atención: 0/100
Tu producto, hoy
El color que creas se aplica al botón, la etiqueta y el logo, sobre el fondo elegido.
Ver más