Blog

Inicio/Mini Lecciones/El color en diseño: RGB, CMYK y HTML

El color en diseño: RGB, CMYK y HTML

A la hora de empezar a diseñar, el color tiene una gran importancia. Es un elemento visual que utilizamos para hacer más atractivos nuestros diseños.

Dependiendo del soporte final para el que estemos diseñando, deberemos trabajar con un sistema de color u otro.

¿Cuáles son los principales sistemas de color?

RGB (Red, Green, Blue)

Son colores producidos por luz. Es el sistema utilizado para trabajar los colores en el monitor. Si nuestro diseño es para un soporte de pantalla utilizaremos colores RGB.

Cada color tiene una intensidad que va desde el 0 (ausencia de color) hasta el 255 (saturación absoluta). De esta manera, el negro se representa como 0,0,0 y el blanco como 255,255,255.

Colores RGB

CMYK (Cyan, Magenta, Yellow, Black)

Son colores producidos por tinta. Es el sistema utilizado para trabajos impresos. Sus valores van del 0% al 100%, indicando la cantidad de pigmento de cada color. Si nuestro diseño es para un soporte impreso utilizaremos colores CMYK.

Aunque el negro se puede obtener combinando cyan, magenta y amarillo, se añade como una tinta más para obtener un negro más puro, y ahorrar tinta.

Colores CMYK

Pantone

Es una empresa que produce las Guías Pantone, que son tiras de papel-cartón con la impresión de una muestra de color, su nombre y formulas para obtenerlo.

Estas guías son muy socorridas en el mundo del diseño porque te permiten, independientemente del monitor o programa que se use, que el color de salida en impresión sea el correcto.

Sistema hexadecimal o código HTML

El sistema hexadecimal es el utilizado en diseño web. Se expresa por una serie alfanumérica (compuesta por números y letras) de 6 caracteres precedidos por el signo “#”. Estos 6 caracteres representan 3 parejas, que corresponden a un color básico RGB (rojo, verde y azul, respectivamente): #RRGGBB.

Un código hexadecimal toma valores que van del 0 al 9, y de la A a la F. El negro sería #000000 y el blanco #FFFFFF.

A la hora de diseñar

Para terminar, decir que no hay que fiarse de los colores RGB que vemos en pantalla para un trabajo que va a ser impreso.  La conversión entre modos de color no dan exactamente los mismos colores. Hay colores de un sistema que no pueden ser representados en el otro. Asegúrate de empezar tu trabajo en el modo de color correcto para tu soporte final.

Verónica Fernández

Escrito por

Pequeña creativa , maquetadora y desarrolladora web en continuo aprendizaje para el mejor desarrollo profesional. Intentando mejorar cada día!!

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR