Madrid PAU Design (Diseño) study materials
Madrid PAU Design (Diseño) study resources

Madrid PAU Design (Diseño): Teoría del color y percepción visual

Madrid PAU Design (Diseño) · Work through your exam, one topic at a time.

All guide sections

Teoría del color y percepción visual

El examen mide si distingues los sistemas de color, si sabes construir y justificar una armonía y si entiendes que percibimos el color en contexto, no de forma aislada. También evalúa el uso del color como portador de información accesible.

Síntesis y modelos

  • Aditiva (luz): primarios rojo, verde y azul (RGB); la suma total tiende al blanco. Es el modelo de pantalla.
  • Sustractiva (pigmento): primarios cian, magenta y amarillo (CMY); en impresión se añade negro (CMYK) por economía de tinta y densidad. La superposición teórica de los tres tiende al negro.
  • HSV/HSL: tono, saturación y valor/luminosidad; intuitivo para trabajar en pantalla.
  • Lab: espacio perceptualmente uniforme, útil para calcular diferencias y contrastes.
  • Pantone (color sólido): referencia normalizada para identidad y tintas directas; no es cuatricromía.
  • Gama: RGB cubre más colores que CMYK; ciertos verdes y naranjas vivos de pantalla quedan fuera de gama al imprimir.

Propiedades y armonías

Tono (familia cromática), saturación (pureza) y luminosidad (claridad). Sobre el círculo cromático: monocromía (un tono con variaciones), análoga (adyacentes), complementaria (opuesta), complementaria dividida, tríada y tétrada. Johannes Itten sistematizó siete contrastes, entre ellos el de claro-oscuro, el de fríos y cálidos, el de complementarios y el simultáneo.

Percepción

La escuela de la Gestalt describe leyes de agrupación: proximidad, semejanza, continuidad, cierre, destino común, figura-fondo y pregnancia (buena forma). A ellas se suman el contraste simultáneo (un gris parece distinto según el fondo), la adaptación, la posimagen, la constancia de color y el efecto de avance de los cálidos frente al retroceso de los fríos.

Ejemplo razonado

Botón principal de una app: se elige un azul oscuro corporativo y se comprueba el ratio de contraste del texto blanco; la WCAG AA exige 4,5:1 en texto normal y 3:1 en texto grande. Si el azul de marca no llega, se oscurece el fondo o se cambia el texto a negro y se documenta la variante como token del sistema. El rojo se reserva para errores y el verde para confirmación, pero nunca en solitario: se añade icono y etiqueta verbal, porque alrededor del 8 % de los hombres presenta alguna deficiencia en la visión del rojo-verde.

Errores que restan nota

  • Mezclar síntesis aditiva y sustractiva al explicar primarios.
  • Afirmar que CMYK reproduce más colores que RGB.
  • Confundir luminosidad con saturación ("más claro" no es "más gris").
  • Atribuir significados universales al color sin contexto cultural.
  • Usar el color como único código de información.