ENES
Citlalli Brands

Glosario · Identidad visual

CMYK vs. RGB

En inglés: CMYK vs. RGB

Definición

RGB y CMYK son dos formas de crear color. RGB mezcla luz roja, verde y azul, para pantallas; CMYK mezcla tinta cian, magenta, amarilla y negra, para impresión. Cada color de una marca necesita un valor en los dos.

Por Citlalli BrandsActualizado el
01

Luz para pantallas, tinta para imprimir

RGB son las siglas en inglés de rojo, verde y azul (red, green, blue). Los celulares, las computadoras y los televisores mezclan esos tres colores de luz, así que pueden mostrar colores muy intensos. Cada valor RGB va del 0 al 255, y un código HEX, como #615E8D, es el mismo color RGB escrito con seis caracteres para páginas web.

CMYK son las siglas en inglés de cian, magenta y amarillo (cyan, magenta, yellow), más la K de key, que es como se le llama a la tinta negra. La mayoría de las impresiones a todo color forman cada color con puntos de esas cuatro tintas, y cada valor es un porcentaje de tinta.

RGBCMYK
Se crea conLuzTinta
ValoresDel 0 al 255 para rojo, verde y azulDel 0% al 100% de cada tinta
Se usa enPáginas web, redes sociales, presentaciones y videoTarjetas de presentación, volantes, folletos y carteles
Archivos de logo más comunesPNGPDF vectorial
02

Por qué los colores cambian de uno a otro

Las pantallas pueden mostrar colores que la tinta no puede reproducir. Una pantalla emite su propia luz, y la tinta sobre el papel solo refleja parte de la luz que la rodea, así que un color de pantalla muy brillante, como un azul eléctrico o un verde neón, muchas veces sale más apagado en la impresión.

Por eso una conversión automática de RGB a CMYK puede decepcionar. Es mejor elegir a propósito el valor CMYK de cada color de tu marca, verlo impreso y anotar los dos valores en tu paleta de colores.

La superficie también cuenta: los mismos valores CMYK se ven distintos en papel brillante, en papel mate, en tela o en vinil, así que siempre revisa una prueba en el material real.

Tenlo en cuenta

Manda archivos RGB a quien trabaja en tu página web y en tus redes sociales, y archivos CMYK a tu imprenta. Mandar el archivo equivocado es una razón común por la que los colores salen distintos.

03

Cuál usar, pieza por pieza

  • Página web, correo y redes sociales: RGB, con códigos HEX.
  • Tarjetas de presentación, volantes y folletos: CMYK, en un PDF listo para imprimir.
  • Playeras y piezas donde el color es clave: muchas veces un color Pantone (PMS), con un valor CMYK para los trabajos a todo color, como banners y letreros impresos.
  • Video y presentaciones: RGB.

Muchas organizaciones en California hacen el mismo volante en español y en inglés, para imprimir y para redes sociales. Anota cada color de tu marca una sola vez en RGB, HEX y CMYK, y cada versión, en cualquiera de los dos idiomas, parte de los mismos valores.

HOJA DE IDENTIDADTu Negocio3 conceptosConcepto 1Concepto 2Concepto 3PALETA DE COLORESTIPOGRAFÍAHEX · RGB · CMYK · PMSAaAaTítulos · TextoPNG · RGBPDF · CMYKArchivos listos
Cada color anotado en RGB, HEX, CMYK y PMS.Ilustración

Cada versión del logo de nuestro paquete de Identidad Corporativa Esencial viene en 6 archivos finales: PNG en RGB (blanco, negro y color) para pantallas, y PDF en formato vectorial CMYK (blanco, negro y color) para imprimir en cualquier tamaño. Nuestra guía sobre colores de marca que se impriman bien te dice qué revisar antes de hacer tu pedido.

04

Preguntas

Preguntas y respuestas
¿Mi logo debe estar en RGB o en CMYK?
En los dos. Usa la versión RGB, normalmente un PNG, para pantallas, y la versión CMYK, normalmente un PDF vectorial, para imprimir. Una identidad completa incluye los dos juegos de archivos.
¿Por qué mi volante impreso se ve más oscuro que en mi pantalla?
Las pantallas crean el color con luz, así que los colores se ven más brillantes en pantalla, mientras que la tinta sobre el papel solo refleja la luz. El papel, los ajustes de impresión y la configuración de tu pantalla también cambian lo que ves.
¿Qué es un código HEX?
Un código HEX es un color RGB escrito como un código de seis caracteres, como #615E8D. Lo usan las páginas web y muchas herramientas en línea.
Ver todas las preguntas
Sigue aprendiendo

Términos relacionados

Ver todo el glosario

Pon en práctica estas ideas.

Cuéntanos de tu marca y te ayudamos a elegir el primer paso indicado, en español o en inglés.

Naciste para brillar. Brillemos juntos.

Opciones de accesibilidad

Tus opciones se guardan en este navegador.

Opciones de privacidad

No vendemos tu información personal. Elige qué herramientas opcionales pueden cargarse en este sitio.

EsencialesNecesarias para que el sitio funcione: entregar las páginas de forma segura, recordar estas opciones y tus opciones de accesibilidad, y guardar tu avance en la Autoevaluación durante una visita.Siempre activas
Lee nuestra Política de Privacidad