7.1 El color como codificación
El color es una combinación de tres elementos
Tono, Saturación y Luminosidad.
El tono es la longitud de onda dominante del color. Se conoce también como matiz o croma. Hace referencia a cada uno de los colores en su estado puro. De tal manera que un color es identificado habitualmente por el nombre de su tono o matiz dominante: rojo, verde, amarillo, etc.
Figura 7.1: Tono
Para hablar de dicha pureza, se habla de la saturación. La saturación define la intensidad o grado de pureza de cada color. Sus valores se mueven desde su máximo, color puro, hasta su mínimo que corresponde a un tono de gris. Cuando se dice que un color es muy vivo o intenso significa que está muy saturado.
Figura 7.2: Saturación
La luminosidad o brillo en un color hace referencia a la cantidad de luz presente en el color con relación al blanco o al negro. Un color al 100% de saturación tendrá su máxima pureza con un 100% de luminosidad, y con una luminosidad del 0% será negro absoluto. Así pues, el más blanco tendrá un “valor” alto (refleja más luz), y el más negro tendrá un “valor” bajo en la escala (corresponde a un objeto que absorbe más luz).
Figura 7.3: Luminosidad
El brillo, valor o luminosidad es una de las cualidades más importantes del color a la hora de hacer que una determinada imagen sea más fácil de interpretar. Si todos los colores tienen una luminosidad parecida, la imagen se verá plana, sin profundidad.
En cambio, al usar un amplio rango de valores y componerlos de forma adecuada, hará que un determinado elemento de la imagen sobresalga. Por lo tanto, si los elementos de una composición en primer plano tienen una luminosidad similar a la del fondo, serán mucho más difíciles de distinguir.
Se abre un paréntesis en la línea de discusión para hacer notar cómo se codifican los colores en notación hexadecimal.
Los códigos Hex se trata de tres bytes de números hexadecimales, es decir, está compuesto de seis dígitos. Cada byte o par representa la intensidad de rojo, verde y azul en el color, respectivamente.
Los valores varían de 00, que es la más baja intensidad de un color, a lo que representa el nivel más alto de intensidad, el FF. El color blanco, por ejemplo, se obtienen por la mezcla de los tres colores primarios en su máxima intensidad: #FFFFFF.
Negro es la ausencia de cualquier color: #000000. En las pantallas, la ausencia de emisión de luz deja el color de la pantalla, que se espera que sea negra. Cuando los emisores de los tres colores (rojo, verde y azul) están en máxima emisión de luz, se espera que se vea blanca.
Los colores primarios saturados son #FF0000, #00FF00 y #0000FF. Para variar la luminosidad de un color primario, sólo se debe variar el byte correspondiente. Por ejemplo: #0000AA. Para variar la saturación, se añade una cierta cantidad a los otros dos byte. Por ejemplo: #7474FF.
Además de estos tres colores primarios, existen tres colores primarios denominados sustractivos o CMY (CMA en español): Cian - Magenta - Amarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios saturados:
- Cian = Verde primario + Azul primario: # 00FFFF
- Magenta = Rojo primario + Azul primario: # FF00FF
- Amarillo = Rojo primario + Verde primario: # FFFF00
Otros colores:
- Naranja = Rojo primario + Amarillo: #FF9C00
- Morado = Azul primario bajada la luminosidad + Rojo primario bajada la luminosidad: #800080
Podemos crear muy fácilmente los colores grises, puesto que consisten de igual intensidad de cada color: #808080 ó #C0C0C0
Se le invita a jugar en Paint, seleccionando un tono puro, por ejemplo el rojo, y luego seleccionando la opción “Editar colores”.
Figura 7.4: Menú Paint
Observará que en la parte derecha hay una flecha negra que actuará a manera de barra de desplazamiento. El valor del rojo está en \(255\) y el verde y azul en \(0\), lo que proporciona el tono rojo puro. La luminosidad es de \(120\). Deslizando la flecha de la posición central hacia abajo baja la luminosidad hasta llegar al negro, la ausencia de luminosidad. Deslizando la flecha desde la posición central hacia arriba altera la saturación, llegando hasta el blanco, luminosidad total.
Figura 7.5: Editar colores en Paint