Aprende la teoría del color de forma dinamica
La pantalla suma fotones de rojo, verde y azul hasta llegar al blanco.
El papel resta luz con pigmento hasta llegar al negro.
Los píxeles de una pantalla no contienen pintura: emiten luz. Cada píxel es en realidad tres subpíxeles diminutos —rojo, verde y azul— tan juntos que el ojo los funde en un solo color. Mezclar significa sumar longitudes de onda: a más luz de los tres canales, más cerca del blanco. Sin ningún canal encendido, el resultado es negro absoluto: ausencia total de luz.
Rojo, verde y azul: las tres longitudes de onda que los conos del ojo humano detectan mejor.
Monitores, televisores, celulares, cámaras y cualquier dispositivo que emita luz directamente al ojo.
R255 G255 B255 da blanco. Es la suma de toda la luz visible que el dispositivo puede emitir.
El papel no emite luz propia: refleja la luz ambiente, y la tinta actúa como un filtro que absorbe parte de esa luz antes de que llegue al ojo. Cada tinta —cian, magenta, amarilla— resta un tercio del espectro. Superponer las tres debería dar negro, pero las tintas reales son impuras y producen un marrón sucio; por eso se agrega una cuarta tinta, la K (key, o negro puro), que además abarata la impresión de texto.
Cian, magenta y amarillo: los pigmentos que mejor absorben rojo, verde y azul respectivamente.
Imprentas, cartuchos de inyección de tinta, tóner láser: cualquier superficie que refleja luz en vez de emitirla.
C100 M100 Y100 sin K da un marrón casi negro, nunca un negro puro. Por eso existe la K.
La diferencia no es solo técnica: define para qué sirve cada modelo y por qué un mismo diseño se ve distinto en la pantalla que en la hoja impresa.
| Propiedad | RGB | CMYK |
|---|---|---|
| Naturaleza | Aditiva — suma luz | Sustractiva — resta luz |
| Primarios | Rojo, verde, azul | Cian, magenta, amarillo, negro |
| Punto de partida | Negro (oscuridad) | Blanco (papel) |
| Suma total | Blanco | Marrón casi negro |
| Medio | Pantallas, luz emitida | Papel, tinta reflejada |
| Gama de color | Más amplia, sobre todo en verdes y azules brillantes | Más acotada; algunos colores de pantalla no se pueden imprimir fielmente |
| Cuándo usarlo | Diseño digital: web, apps, video | Diseño para imprenta: papelería, packaging, revistas |
No existe una fórmula exacta —depende de la tinta, el papel y la impresora— pero esta aproximación matemática muestra la idea: cada canal de tinta es, más o menos, el complemento del canal de luz correspondiente.
Todo el círculo se construye a partir de los colores subyacentes: tres primarios, sus tres mezclas secundarias y seis terciarios entre medio. Una vez trazado, cada relación armónica es simplemente una figura geométrica girando sobre ese círculo. Elegí un matiz de base y una relación para ver dónde caen los demás.
Cualquier color puede describirse con tres números: qué familia de color es (matiz), qué tan intenso o apagado está (saturación) y qué tan claro u oscuro es (luminosidad). Moví cada control por separado para aislar lo que cambia.
La familia de color. Da la vuelta completa al círculo cromático.
hsl(0, 70%, 50%)Qué tan puro o gris está el color, con el mismo matiz y luminosidad.
hsl(220, 0%, 50%)Qué tan cerca está del negro o del blanco, sin tocar el matiz.
hsl(220, 70%, 0%)Partiendo de un mismo matiz saturado, agregarle blanco, gris o negro produce tres familias distintas. Es la lógica detrás de cualquier paleta con variantes claras y oscuras de un mismo color.
Antes de que existieran pantallas o imprentas industriales, ya había pintores mezclando pigmentos en una paleta. Esa tradición —la que se enseña en la primaria como "los tres colores primarios"— no usa cian y magenta sino rojo, amarillo y azul. No es un modelo óptico como RGB ni un estándar de imprenta como CMYK: es un modelo pedagógico, heredado de siglos de práctica pictórica, y no tiene una fórmula física exacta detrás. Por eso el mezclador de abajo es una aproximación —basada en cómo se comportan los pigmentos reales— y no una conversión matemática precisa como las anteriores.
Rojo, verde, azul. Primarios ópticos: la luz que el ojo humano detecta mejor.
Cian, magenta, amarillo. Primarios de imprenta: absorben con precisión un tercio del espectro cada uno.
Rojo, amarillo, azul. Primarios de taller: los que se enseñan en arte, sin base óptica exacta.
Rojo + amarillo = naranja. Amarillo + azul = verde. Azul + rojo = violeta.
Es intuitivo y fácil de enseñar con pintura real, aunque el cian y el magenta mezclen colores de forma más pura y predecible.
Como en cualquier mezcla sustractiva de pigmentos, rojo + amarillo + azul en partes iguales tiende a un marrón oscuro, no a un negro puro.
Además de matiz, saturación y luminosidad, cada color tiene una temperatura percibida. La rueda se divide, aproximadamente, por el eje que va del amarillo-verde al rojo-violeta: de un lado los colores que evocan fuego y luz solar; del otro, los que evocan agua, sombra y cielo. Los bordes —verdes y violetas— son los más ambiguos: su temperatura depende del matiz exacto hacia el que se inclinen.
Los cálidos tienden a "avanzar" — se sienten más cerca del ojo y dan sensación de energía. Los fríos tienden a "retroceder" — dan sensación de calma y profundidad. Es un recurso constante en pintura y diseño para crear jerarquía visual sin cambiar el tamaño de nada.