Comprender el color va mucho más allá de memorizar un círculo plano. Cuando pasas del círculo cromático en 2D a una representación tridimensional, se revela un sistema completo que explica por qué un rojo puede verse brillante, opaco, claro o profundo. Las tres dimensiones que hacen posible esta comprensión son el matiz, la saturación y la luminosidad, y dominarlas te permitirá aplicar color con precisión en cualquier contexto de diseño.
¿Qué es el matiz y por qué es la base del color?
El matiz es, simplemente, la familia de color en sí misma [0:18]. Amarillo, rojo, azul: cada uno representa un matiz distinto. En inglés lo encontrarás como Hue (representado con la letra H), una referencia universal que trasciende cualquier sistema de color [0:38].
Una duda frecuente es dónde quedan el negro, el blanco y el gris. Estos son colores acromáticos, es decir, no pertenecen a ninguna familia de matiz [0:50]. Si necesitas un gris que tenga cierta temperatura de color —un gris cromático—, lo hallarás hacia el centro de cada familia, justo donde la saturación disminuye [1:03].
¿Cómo funciona la luminosidad en el color?
Para entender la luminosidad, resulta útil imaginar un edificio [1:14]. Los colores que "viven en el penthouse" son aquellos que llevan blanco en su composición: se perciben claros y ligeros [1:24]. Los que habitan "en el sótano" contienen negro y se perciben profundos y densos [1:36].
- Colores claros: tienen blanco añadido.
- Colores profundos: tienen negro añadido.
Este eje vertical —de claro a profundo— es el primer paso para modificar cualquier color sin cambiar su familia.
¿Qué papel juega la saturación en la percepción del color?
La saturación opera en un eje horizontal y determina cuánta intensidad muestra un color [1:50].
¿Qué son los colores brillantes?
Imagina que los colores viven dentro de un círculo. Los que se ubican hacia las ventanas —es decir, hacia el borde exterior— reciben mucha luz y se saturan al máximo: brillan con fuerza [2:14]. Son los colores más vivos y puros que puedes obtener.
¿Qué ocurre con los colores opacos?
Hacia el interior del círculo, donde no llega luz, los colores adquieren gris en su composición y se vuelven opacos, suaves y discretos [2:30]. Son ideales cuando buscas paletas sobrias o elegantes.
- Brillantes: saturación alta, viven hacia las ventanas.
- Opacos: saturación baja, contienen gris, viven hacia el centro.
¿Cómo se ve todo esto en un programa de diseño?
En herramientas de diseño digital encontrarás el sistema HSB [3:05]:
- H (Hue): la familia de color, el matiz.
- S (Saturation): controla si el color es brillante u opaco.
- B (Brightness): la luminosidad, que agrega blanco o negro al color.
Si aplastáramos la esfera tridimensional del color en un plano, veríamos en el centro los colores claros con blanco, rodeados por los colores suaves con gris, luego los saturados que brillan hacia afuera, y finalmente los profundos con negro en la periferia [2:50].
Dominar estas tres dimensiones transforma tu manera de seleccionar y combinar colores. Para seguir entrenando el ojo, vale la pena probar el juego I Love Hue [3:22], un ejercicio práctico donde puedes practicar la percepción de matiz, saturación y luminosidad organizando degradados de color. ¿Ya lo conocías? Comparte tu experiencia y cuéntanos qué dimensión del color te resulta más difícil de distinguir.
