Todas las pantallas funcionan gracias a puntos minúsculos llamados píxeles, formados por la unión de tres franjas de color (subpíxeles), ¿logras adivinar cuáles son estos tres colores que conforman al píxel? 🌈
El color en las pantallas se produce por la mezcla de estos tres colores primarios, y RGB es un modelo de color basado en la adición de estos tres colores luz.
¿Pero... qué es un “color luz”?
Para entender lo que es un color luz, podemos comentar un poco sobre lo que es un color pigmento. Los “colores pigmento” primarios son el el cian, magenta y amarillo (cyan, magenta, yellow), ¿te suenan? Estos forman el modelo de color CMY.
Si mezclamos estos tres colores llegamos al negro (K). El modelo CMYK es un modelo de color sustractivo en el que los pigmentos cian, magenta y amarillo se mezclan de diversas maneras para producir una amplia gama de colores.
El negro se obtiene por la combinación de estos colores, enmascarando parcial o totalmente los colores sobre un fondo claro (restando luz). Este modelo es utilizado en las artes visuales y la impresión a color, ya que normalmente el blanco es el color natural del fondo.
Entonces, un “color luz” es el color que procesa nuestro cerebro gracias a los conos de nuestros ojos. Tenemos tres tipos de conos: los sensibles a la luz roja, la verde y la azul. Por tanto los “colores luz” primarios serían el rojo, verde y azul, y de manera contraria a los colores pigmento, ¡si sumamos estos colores obtenemos el color blanco!
Una tríada dinámica
En los modelos de colores aditivos, el blanco es la suma “positiva” de todas las luces de los colores primarios. De esa manera funciona el modelo RGB (rojo, verde y azul en inglés) que poseen las pantallas que usamos a diario.
Cada pequeño cuadrado es un pixel, y cada píxel tiene tríos de puntos rojos, verdes y azules, los subpíxeles. Este trío diminuto, al mezclarse con sus vecinos, crea la ilusión del color. ¡Tan solo estos tres colores dan como resultado todos los colores del espectro!
La mayoría de las pantallas utilizan un modo de color de 8 bits, esto se refiere a la profundidad de color. Seguramente lo habrás escuchado a la hora de comprar algún televisor o monitor. 8 bits significa que el 2 está elevado a la 8, lo que, si hacemos el cálculo, da 256.
Esto quiere decir que un solo color puede ser visualizado con 256 tonalidades, por lo tanto en tu pantalla de 8 bits hay 256 tipos de rojo, de azul, y 256 tipos de verde. ¡Esto da un total de 16,7 millones de colores!
Dos formas de notación
En diseño, los colores se pueden especificar como un triplete RGB, o como un triplete hexadecimal. Para un profesional del diseño gráfico, el diseño UI o el diseño web en CSS o HTML es un requisito básico el conocer ambas formas de notación.
En el modelo de RGB un color se describe indicando la cantidad de rojo, verde y azul que se incluye. Para saber o indicar en qué proporción están mezclados se asigna un valor a cada uno de los tres colores primarios, que corresponden a los valores de "r", "g" y "b". De manera que si le doy el valor "0" al azul, significa que no se incluirá en la mezcla y, a medida que ese valor aumente, se entenderá que habrá más azul. Por ejemplo, en RGB(255, 255, 0), no hay nada de azul, pero sí de verde y rojo, lo que da como resultado ¡Amarillo! 🟡.
Las referencias de color en HTML y CSS se pueden expresar con seis dígitos hexadecimales con el prefijo #: el naranja, por ejemplo, se representa como #FFAA33 🍊🧡.
¿Quieres dominar todo sobre el diseño? Entra en 👩🎨 ed.team/design ¡Conviértete en experto!
