RGB vs CMYK vs RYB: Los Modelos de Color

Entender los diferentes modelos de color es esencial para cualquier diseñador. La diferencia entre RGB, CMYK y RYB explica por qué los colores se ven diferentes en pantalla y en impresión, y por qué los primarios son distintos en arte y diseño digital.

RGB

Red, Green, Blue

Tipo: Aditivo · Uso: Pantallas, web, digital

Diseño web, redes sociales, apps, fotografía digital

Suma = Blanco (#FFFFFF)

CMYK

Cyan, Magenta, Yellow, Key (Black)

Tipo: Sustractivo · Uso: Impresión offset y digital

Flyers, tarjetas, carteles, packaging, libros

Suma = Negro

RYB

Red, Yellow, Blue

Tipo: Sustractivo (pigmento) · Uso: Arte y pintura tradicional

Pintura, ilustración tradicional, teoría del arte

Suma = Marrón oscuro

HSL/HSB

Hue, Saturation, Lightness/Brightness

Tipo: Descriptivo · Uso: Software de diseño, CSS

Herramientas de diseño, CSS, sistemas de color en UI

Describe colores RGB de forma intuitiva — mismo matiz, distinta saturación/luminosidad

¿Por Qué los Colores Cambian entre Pantalla e Impresión?

Este es uno de los problemas más comunes en diseño profesional. La razón técnica: la pantalla emite luz en RGB, mientras que el papel refleja luz filtrada por los pigmentos CMYK. Son físicamente diferentes.

Algunos colores RGB no tienen equivalente CMYK — son "out of gamut". Los más problemáticos son:

  • Azules brillantes (ej. #0000FF — muy saturado en pantalla, más apagado en impresión)
  • Verdes neón y lima
  • Naranjas muy brillantes
  • Cian puro (brillante en pantalla, tinta CMYK directa)

Conversión RGB ↔ CMYK: Fórmula

Para convertir manualmente RGB (valores 0-255) a CMYK (valores 0-100%):

R' = R/255, G' = G/255, B' = B/255 K = 1 - max(R', G', B') C = (1 - R' - K) / (1 - K) × 100 M = (1 - G' - K) / (1 - K) × 100 Y = (1 - B' - K) / (1 - K) × 100

O simplemente usa nuestra herramienta de conversión HEX/RGB/CMYK.

Colores Complementarios en RGB vs RYB

El complementario de un color cambia según el modelo que uses:

ColorComplementario RYBComplementario RGB
Rojo (#FF0000)VerdeCian (#00FFFF)
Azul (#0000FF)NaranjaAmarillo (#FFFF00)
Amarillo (#FFFF00)VioletaAzul (#0000FF)
Verde (#00FF00)RojoMagenta (#FF00FF)

Para diseño digital, el modelo RGB es más preciso. Para arte y pintura, el RYB es el estándar histórico y educativo.

Preguntas Frecuentes