Cada vez que eliges un color para un botón, un fondo o un logo, estás tomando una decisión basada en principios que Johannes Itten formalizó hace un siglo en la Bauhaus. Su «Arte del Color» publicado en 1961 sigue siendo el texto fundamental sobre cómo los colores interactúan, se complementan y se destruyen entre sí.
Los 7 contrastes de Itten
Itten identificó 7 formas en que los colores generan tensión visual: contraste de tono (azul vs naranja), contraste claro-oscuro (blanco vs negro), contraste frío-cálido (azul vs rojo), contraste complementario (colores opuestos en la rueda), contraste simultáneo (cómo un color cambia según su vecino), contraste de saturación (vivo vs apagado) y contraste de extensión (proporción de área que ocupa cada color).
Entender estos contrastes es la diferencia entre elegir colores «que quedan bien juntos» y elegir colores que comunican lo que necesitas comunicar.
Psicología del color: lo real vs lo inventado
Internet está lleno de infografías que dicen «el azul transmite confianza» y «el rojo transmite urgencia». La realidad es más compleja. Los significados del color son culturales, no universales. El blanco significa pureza en Occidente y luto en muchas culturas asiáticas. El rojo es suerte en China y peligro en Europa.
Lo que sí es universal es el contraste. Un color brillante sobre fondo oscuro atrae la atención siempre, en cualquier cultura. La legibilidad del texto depende del contraste, no del color específico. Y las combinaciones armónicas (complementarias, análogas, triádicas) generan equilibrio visual independientemente de los colores elegidos.
Aplicación práctica
Define un color principal que represente tu marca. Añade un color de acento para llamadas a la acción. Usa grises neutros para el 80% del contenido. Comprueba siempre el contraste WCAG para accesibilidad. Y recuerda la regla 60-30-10: 60% color dominante, 30% secundario, 10% acento.
Itten no tenía Figma ni Adobe Color. Pero entendía algo que muchos diseñadores con herramientas infinitas olvidan: el color no es decoración. Es comunicación.
