Sistemas de color en diseño web

El sistema de color es un tema básico que debe tener en cuenta cualquier diseñador (gráfico o web) a la hora de realizar un diseño.  Los 2 sistemas de color más comúnmente utilizados son el RGB y CMYK por ese motivo voy a empezar repasando estos dos.

RGB (Red, Green, Blue) es un espacio de color basado en la mezcla de los 3 colores primarios aditivos: ROJO, VERDE y AZUL. Dependiendo del porcentaje de cada uno de los colores primarios, conseguimos un color u otro. Cada color puede alcanzar un nivel de intensidad de 255, siendo 0 ausencia de color y 255, saturación absoluta. De esta manera, el negro se representa como R0 G0 B0 y el blanco como R255 G255 B255 y es por eso que el sistema RGB también recibe el nombre de colores luz, porque la suma de los tres da como resultado blanco.

Por otra parte, si cada color puede alcanzar 256 niveles (del 0 al 255) el número total de tonos posibles es de 16.777.216.

Para finalizar con el sistema RGB, es importante destacar que éste es el sistema utilizado por los monitores y pantallas. Por lo tanto, todas las imágenes que vayan a ser reproducidas a través de la web deben utilizar el modo RGB.



CMYK (Cyan, Magenta, Yellow, Black) es un modo de color basado en los colores sustractivos: CIAN, MAGENTA y AMARILLO, más la suma de NEGRO. Este sistema tiene una relación directa con las tintas de cuatricromía. En este caso, los colores más claros tienen un porcentaje pequeño de tinta, mientras que los más oscuros tienen porcentajes mayores, siendo C0 M0 Y0 K0 blanco y C100 M100 Y100 K100, negro.

El modo de color CMYK es el utilizado en imágenes que se van imprimir. Por eso es importantísimo pasar un documento a modo CMYK antes de mandar a impremta. Hay que tener en cuenta que no todo el espectro de color RGB es imprimible en CMYK. Hay colores que son imposibles de reproducir sobre papel, la única solución es utilizar una tinta plana, es decir, un color Pantone.

En este post, voy a centrarme en el modo de color RGB y el sistema HEXADECIMAL, ya que es el utilizado en diseño web.

El sistema HEXADECIMAL representa los colores RGB a través de 3 pares de números hexadecimales (#RRGGBB), donde RR es el valor de la componente roja, GG la componente verde y BB la azul.

Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F.

Los valores que puede adoptar cada uno de los tres pares de hexadecimales van del 00 (0 decimal) al FF (255 decimal). En este caso, cuanto mayor sea el valor del par, mayor será la intensidad del color y viceversa. Esto implica que el extremo inferior de la escala cromática parte de una intensidad de color mínima (nulo =00), pasa por una intensidad de color media (mediano = par 80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par FF [255 decimal]).

Por último, cabe destacar que es importante para los diseñadores, sobre todo para los diseñadores de páginas web, estar familiarizados con el sistema HEXADECIMAL, ya que éste es el utilizado en programación. Esto es así porque los números hexadecimales son “naturales” para los ordenadores, ya que manejan números binarios, y cuatro cifras binarias hacen una cifra hexadecimal. Veámoslo más claro en la siguiente tabla:

Laura Juez

Directora de Arte de bcntalks

Popularity: 64% [?]