Un poco de teoría del color aplicada a pantallas

atardecer arbol

En este articulo te hablaré un poco acerca de la teoría del color aplicada a pantallas. De este modo podrás conocer un poco mejor como funciona la elección de color en programas como por ejemplo Photoshop.

Tenemos al alcance una gran variedad de colores, y en su mayor parte, describimos el color de una manera que hace difícil ver las relaciones entre los diferentes colores. Los nombres como rojo, verde, azul, amarillo, púrpura y marrón son nombres amplios para las conversaciones sobre colores pero proporcionan poca penetración en la estructura de ese color. Desde el momento en que podemos hablar, el color es procesado por la parte lingüística de nuestro cerebro y su significado está atado a los nombres que les damos a los colores.

La dimensión, por otra parte, es procesada de forma diferente por nuestros cerebros. Medimos la dimensión de una forme que es proporcional a un incremento constante y bien conocido como pulgadas o centímetros. Estas ideas de medición vienen naturalmente a nosotros y, si bien el color puede ser medido y descrito de manera similar, a menudo es muy difícil para nosotros entender y manipular el color como una medida de sus partes.

No fue hasta que Isaac Newton hizo una serie de experimentos con prismas en el 1600, antes de que realmente empezáramos a entender que la luz estaba compuesta por diferentes colores que se pueden medir independientemente entre sí. A partir de ese momento, las ruedas de color fueron adoptadas por los artistas para poder entender y mezclar mejor los colores.

Mientras que la mayoría de los artistas usan el rojo, el amarillo y el azul como colores primarios, y la mayoría de las clases de teoría del color se refieren a éstos como los colores primarios, la ciencia ha evolucionado desde los días de Isaac Newton. Los ojos contienen varios receptores de luz. Los receptores llamados “bastones” detectan sombras y luces, y los “conos” detectan tres colores primarios: rojo, verde y azul.

Estos tres colores primarios nos resultaran seguramente familiares a los que trabajamos con programas como por ejemplo Photoshop,  porque es el modo en que determinamos el modo de color (RGB). Los monitores tienen partes rojas, verdes y azules en cada píxel. Cada color tiene 256 variaciones en el brillo que dan lugar a un total de 16.777.216 distintas posibilidades el color. Podemos describir el color en web o en Photoshop con la función de color RGB rgb (255,115,0) o valores hexadecimales #FF7300, los cuales describen el mismo color de una manera ligeramente diferente.

El color relativo

adobe kuler

Para empezar a pensar en el color y sus relaciones podemos empezar con la función de color CSS hsl (). Esta función rompe el color en tono, saturación y brillo. La tonalidad se expresa en un grado sin el símbolo de grados (de 360) mientras que la saturación y brillo se expresan como porcentajes sin el símbolo de porcentaje (de 100).

Por lo tanto, “hue” se expresa como un valor de 360. Este valor se asigna a una rueda de color. Imagina, piensa o visualiza una rueda de color. Si tienes el rojo (0) y quieres hacer el amarillo, simplemente moverías el matiz a 60. En la teoría del color existe el concepto de colores complementarios, que son dos colores en los lados opuestos de la rueda de color. Para encontrar un complemento de rojo sólo tendrías que encontrar el valor que es de 180° alrededor de la rueda a partir del rojo. En este caso 0 para el rojo más 180 y el color resultante es el verde.

Saturación y brillo es un poco más sencillo de comprender. El color totalmente saturado (100) no tiene nada de gris, mientras que una saturación de 0 ya hablamos de, por ejemplo, una imagen en escala de grises. Con brillo, 0 es negro y 100 es blanco. Ajustar estos valores hacia arriba y hacia abajo hará que el color elegido sea más claro o más oscuro. Debido a que nuestra concepción del color suele estar ligada a la tonalidad de un color, es mucho más fácil pensar en la saturación y el brillo en términos de escala.

¿Necesitas contratar un hosting para tu web?
En SiteGround tienes disponible una amplia oferta de hostings para todo tipo de bolsillos y necesidades. Encuentra el hosting que estás buscando al mejor precio, con las últimas tecnologías en velocidad y seguridad web y soporte en español 24h:
HostingHosting WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *