Laboratorio de Color

Javier Fernando Rubiano Espinosa · VISORIA Intelligence · Behavioral Intelligence Lab

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).
Conclusión práctica: el color de mayor atención = máxima saturación + la luminosidad que maximiza el contraste con el fondo donde se usará (claro en dashboard, oscuro en una slide). Por eso el “mejor color” cambia según el lienzo.
El índice de atención del laboratorio se calcula como chroma (40%) + contraste con el fondo (35%) + calidez del matiz (25%), donde chroma es la saturación ajustada por luminosidad. Es una heurística docente, no una medición biométrica.
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.
Modelo
Familia
Armonía
Tradicional · RYB
Paleta

Tablero comercial · Escuela ELE

Ingresos por región (COP M) · una métrica, un color

Portafolio · categorías

¿Qué quieres lograr?
Afina intensidad y luminosidad
tu-marca.com
MarcaDemo
NUEVO

Tu producto, hoy

Sección de aterrizaje de ejemplo para ver el color recomendado en contexto real.

Ver más
Color recomendado
#E8551F

Índice de atención: 0/100

Crea el color
Fondo donde se usará
tu-marca.com
MarcaDemo
NUEVO

Tu producto, hoy

El color que creas se aplica al botón, la etiqueta y el logo, sobre el fondo elegido.

Ver más
Índice de atención
0
Calidez
Saturación
0%
Contraste con el fondo
0
Contraste texto blanco
0
Veredicto texto

Laboratorio de Color VISORIA · uso docente · 2026