El color es el medio más relativo en el arte
-Josef Albers
Todos percibimos la luz y el color de forma diferente. Lo que tú ves como rojo es diferente de lo que yo veo como rojo, aunque ambos lo llamemos rojo. Cómo nos afecta el color y cómo reaccionamos ante él también es diferente para cada uno de nosotros. El color es relativo.
Un buen diseño debería funcionar en ausencia de color. Debería funcionar cuando se ve en escala de grises. Sin embargo, el color es una de las primeras cosas que alguien notará en su diseño y determinará en gran medida si los espectadores consideran que su diseño es estéticamente agradable.
Como todo lo demás, su elección de color debe estar subordinada a su concepto y tema. El color debe utilizarse para mejorar su diseño, pero no debe ser su diseño.
Puede utilizar el color para crear jerarquías visuales y mejorar el equilibrio general de sus diseños.
Se puede decir mucho sobre el color. Mucho más de lo que se puede decir en un solo post. A medida que he ido planeando este post he ido dando vueltas a si mantenerlo como un único post o ampliarlo en varios para poder abarcar más. Al final he decidido dividir esta conversación sobre el color en dos posts.
Este primero se centrará en la teoría del color, los sistemas de color, la rueda de color y los esquemas de color. La próxima vez nos adentraremos en el significado del color y en las ideas sobre cómo puedes usar el color para mejorar tus diseños.
Teoría del color
El color es luz. La luz es una radiación electromagnética y en un rango de longitudes de onda produce una impresión en el ojo humano. Esta gama de longitudes de onda es el espectro visual.
Cuando la luz incide en un objeto, algunas longitudes de onda se absorben y otras se reflejan. Vemos las longitudes de onda reflejadas de la luz como color. Cuando todas las longitudes de onda del espectro visual son absorbidas vemos el negro y cuando todas son reflejadas vemos el blanco. Cuando algunas son absorbidas y otras reflejadas vemos diferentes colores del espectro.
El color puede describirse de tres maneras. Por su nombre, por su pureza y por su valor o luminosidad. Tenemos varios términos que nos ayudan a describir los colores de esas tres maneras. Mientras lees los términos de abajo, mira la imagen de arriba.
- Tono: Cuando alguien habla de matiz se refiere al color real de un objeto. El verde es un matiz, al igual que el rojo, el amarillo, el azul, el morado, etc.
- Croma: Se refiere a la pureza de un matiz en relación con el gris. Cuando no hay ningún matiz de gris en un color, ese color tiene un croma alto. Añadir matices de gris a un tono reduce su croma.
- Saturación: es el grado de pureza de un tono. Es similar al croma, aunque no es lo mismo. Los tonos puros están muy saturados. Cuando se añade gris el color se desatura.
- Intensidad: El brillo o la opacidad de un color. Añadir blanco o negro a un color disminuye su intensidad. Un color intenso y muy saturado tiene un croma alto.
- Valor/Luminancia: Es una medida de la cantidad de luz reflejada por un color y es básicamente lo claro u oscuro que es un tono. Añadir blanco a un tono lo hace más claro y aumenta su valor o luminancia. En consecuencia, añadir negro lo oscurece y disminuye el valor o la luminancia.
- Matiz: El resultado de añadir negro a un matiz para producir un matiz más oscuro
- Matiz: El resultado de añadir blanco a un matiz para producir un matiz más claro
- Tono: Entre el blanco y el negro tenemos el gris. Un tono de color es el resultado de añadir gris a un matiz. Las sombras y los tintes son tonos en los extremos.
Cuando he encontrado la relación de todos los tonos el resultado debe ser una armonía viva de todos los tonos, una armonía no muy diferente a la de una composición musical.
-Henri Matisse
Sistemas de color
Los sistemas de color se refieren a cómo producimos los colores. Cuando se producen colores físicos, como en la pintura, se utiliza un sistema sustractivo y cuando se producen colores digitalmente, como en un ordenador, se utiliza un sistema aditivo.
Los colores que usted ve en la pantalla de su ordenador pueden no ser los mismos que ven otros en sus pantallas. Las diferencias pueden ser aún más pronunciadas si sus imágenes terminan en la impresión. La gestión del color puede ayudar a que las cosas sean más consistentes, pero entienda que probablemente siempre habrá algunas diferencias.
Colores de sustracción (CMYK) Cuando vemos los colores en los objetos físicos estamos viendo la luz reflectante. Cuando vemos el rojo es porque todas las demás longitudes de onda de la luz han sido absorbidas y sólo se refleja el rojo. Este es un sistema sustractivo, porque para producir el color estamos eliminando todas las longitudes de onda de la luz cuyo color no queremos ver.
A medida que añadimos más colores al sistema se absorbe más luz y el color general se oscurece. Los sistemas sustractivos comienzan con el blanco y continúan añadiendo color hasta que el resultado es el negro.
CMYK (cian, magenta, amarillo, negro) es un sistema sustractivo que se utiliza para crear colores para la impresión.
Colores aditivos (RGB) Para crear colores en una pantalla de ordenador tenemos que añadir luz, ya que la fuente de luz proviene del interior en lugar de reflejar la luz procedente del exterior del sistema. Cuando no hay luz vemos negro y a medida que añadimos más color (más longitudes de onda de luz) nos acercamos al blanco.
RGB (Rojo, Verde, Azul) es un sistema aditivo utilizado para crear colores en los medios digitales. Debido a que los sistemas aditivos son diferentes de cómo percibimos el color en la naturaleza, nuestros colores primarios han cambiado. El verde (y no el amarillo) es ahora el primario del sistema en lugar de ser un producto secundario del azul y el amarillo.
La rueda de color
La rueda de color es una representación visual de casi todo lo que hemos hablado anteriormente. La rueda de color original se atribuye a Sir Isaac Newton, que unió los extremos rojo y violeta del espectro visual en un círculo.
En las siguientes imágenes puedes ver cómo se crea una rueda de color. Se empieza con los colores primarios situados en las esquinas de un triángulo equilátero y luego se establecen unos triángulos similares girados 180 grados para crear los colores secundarios. Entre estos colores estarán los colores terciarios.
Nota en las imágenes de abajo que los tres colores primarios aquí son el rojo, el amarillo y el azul.
Ahora mira la rueda de color de abajo. Te darás cuenta de que se ve diferente a la de arriba. Los colores primarios aquí son el rojo, el verde y el azul y también notarás que muestra varios tintes de colores hasta llegar al blanco en el centro. Esta es una rueda de color RGB de matices.
También puedes encontrar ruedas de color que muestran matices y tonos. De hecho, hay una gran variedad de ruedas de color y triángulos de color. Recuerde que una rueda de color es sólo una representación del color y hay diferentes maneras de expresar las relaciones de color.
Esquemas de color
Los esquemas de color salen de la rueda de color y los diferentes esquemas de color son diferentes combinaciones de colores basadas en su relación entre sí.
En las imágenes de abajo he bajado la saturación de todos los colores excepto los que podrían formar parte del tipo de esquema de color que se está describiendo.
Los esquemas de color monocromáticos se basan en diferentes tonos del mismo color. Aquí se muestran tonos de rojo.
Los esquemas de color análogos se basan en colores adyacentes entre sí en la rueda de color
Los esquemas de color complementarios se basan en colores opuestos en la rueda de color
Los esquemas de color triádicos utilizan tres colores igualmente espaciados alrededor de la rueda de color
Los esquemas de color tétricos/cuadráticos se crean eligiendo colores en las esquinas de un rectángulo inscrito en la rueda de color
Los esquemas de color complementarios divididos se crean eligiendo un color y luego dos colores más que son adyacentes al complementario del color inicial. Piense en ello como una combinación de un esquema de color complementario y análogo.
Además, existen esquemas de color no descritos totalmente por la rueda de color.
Las combinaciones de colores neutros incluyen sólo colores que no se encuentran en la rueda de colores (varios tonos de marrón y gris)
Las combinaciones de colores neutros acentuados incluyen colores neutros como los anteriores y una o más salpicaduras de colores que se encuentran en la rueda de colores.
Un último tipo de combinación de colores del que podemos hablar son los que se encuentran en la naturaleza. Como puede adivinar, son combinaciones de colores basadas en lo que se ve en la naturaleza. Podrías crear un esquema de color natural basado en los colores que encuentras en una fotografía.
Resumen
Este post se ha centrado en la teoría detrás del color, pero hay mucho más que cubrir como el significado que percibimos en el color, así como la forma de utilizar el color en su diseño para el efecto.
Por ahora trate de familiarizarse con los términos utilizados para describir el color, así como los diversos esquemas de color que salen de la rueda de color.
Continuaremos la próxima vez con más detalles sobre los esquemas de color y cuando usted podría elegir para utilizar cada uno.
Recursos
A lo largo de este post he enlazado a algunos artículos que ofrecen más pensamientos e ideas sobre el color. A continuación hay algunos artículos adicionales y series de artículos sobre la teoría del color.
Dada la importancia del color y lo mucho que hay que saber sobre el color es posible que desee pasar algún tiempo mirando a través de cada uno de los enlaces de abajo. Mucho de lo que contienen los siguientes artículos será similar a lo que hay aquí, pero cada artículo probablemente incluirá algunas cosas que no he mencionado y aumentará su conocimiento general sobre el tema del color.
- Esquemas de color básicos – Introducción a la teoría del color
- Teoría del color – Wikipedia
- Teoría del color – Dev.Opera
- Teoría del color – Wrox
- Teoría del color – Liquisoft
- Creando experiencias de usuario consistentemente coloridas: Parte 1,
Esta última semana, Cameron Chapman ha escrito una excelente serie de artículos para la revista Smashing Magazine sobre el color, sobre la que quería llamar específicamente tu atención.
- Teoría del color para diseñadores, Parte 1: El significado del color
- Teoría del color para diseñadores, Parte 2: Entender los conceptos y la terminología
- Teoría del color para diseñadores, Parte 3: Cómo crear sus propias paletas de colores
Los 7 componentes del diseño
- Unidad
- Gestalt
- Espacio
- Dominancia
- Jerarquía
- Balance
- Color Parte I: Teoría del color
- Color Parte II: Cómo usar el color
Descargue una muestra gratuita de mi libro, Fundamentos del diseño.