¿Qué es RGB y cómo crea los colores de una pantalla?

Definición

¿Qué significa RGB?

RGB son las iniciales en inglés de Red, Green, Blue: rojo, verde y azul. Es un modelo de color aditivo porque crea colores sumando distintas intensidades de luz.

No describe directamente una mezcla de pinturas o tintas. Describe señales luminosas y valores digitales que un dispositivo interpreta para mostrar una imagen.

¿Por qué se llama modelo aditivo?

Una pantalla apagada parte de la ausencia de luz, que percibimos como negro. Al encender y combinar sus componentes rojo, verde y azul, agrega luz. Cuanta más energía luminosa aportan los tres canales, más se acerca el resultado al blanco.

• Rojo + verde produce amarillo.
• Verde + azul produce cian.
• Rojo + azul produce magenta.
• Rojo + verde + azul a máxima intensidad produce blanco.
• Los tres canales apagados producen negro.

RGB en televisores, monitores y celulares

Una pantalla convencional está formada por una gran cantidad de píxeles. Cada píxel suele controlar componentes o subpíxeles rojos, verdes y azules. Desde una distancia normal no distinguimos cada componente: vemos el color resultante de sus intensidades combinadas.

Para mostrar blanco, los tres componentes emiten luz; para mostrar rojo, domina el componente rojo; para un gris neutro, los tres mantienen valores semejantes. Algunas tecnologías incorporan estructuras adicionales, como subpíxel blanco, pero RGB sigue siendo la base de gran parte de la señal y reproducción de color.

Televisores, monitores, teléfonos, proyectores y paneles LED no necesariamente muestran exactamente el mismo color. Cambian la tecnología, el brillo, la calibración, el contraste y las condiciones de observación.

¿Por qué RGB utiliza valores de 0 a 255?

El intervalo de 0 a 255 proviene de la forma en que las computadoras almacenan información. En una imagen RGB común se destinan 8 bits a cada canal: 8 para rojo, 8 para verde y 8 para azul.

Un bit solamente puede contener dos estados, 0 o 1. Al combinar ocho bits se obtienen 2⁸, es decir, 256 combinaciones posibles. Como la numeración comienza en cero, esos niveles se escriben desde 0 hasta 255, no desde 1 hasta 256.

En cada canal, 0 representa la intensidad mínima codificada y 255 la máxima. Por ejemplo, RGB 255, 0, 0 activa el rojo al máximo y mantiene verde y azul en el mínimo. RGB 255, 255, 255 lleva los tres canales al máximo y representa blanco; RGB 0, 0, 0 representa negro.

¿Cuántos colores puede codificar RGB de 8 bits?

Cada canal ofrece 256 niveles independientes. Al multiplicarlos —256 × 256 × 256— se obtienen 16,777,216 combinaciones RGB posibles. A esta estructura se le suele llamar color de 24 bits porque utiliza 8 bits en cada uno de sus tres canales.

Eso no significa que una pantalla reproduzca con exactitud más de 16 millones de colores físicos diferentes. El número describe combinaciones digitales; la apariencia y cantidad de colores distinguibles dependen del espacio RGB, el panel, su calibración y las condiciones de observación.

¿Por qué 8 bits por canal se volvieron lo más común?

No se eligieron porque ocho sea un número especial para la visión humana. Se volvieron comunes por una combinación de arquitectura informática, compatibilidad, tamaño de archivo y calidad visual suficiente para una gran cantidad de usos.

1. Cada canal cabe exactamente en un byte

Un byte moderno contiene 8 bits. Guardar rojo, verde y azul en un byte independiente permite que cada componente use directamente un número entre 0 y 255. Esta alineación facilita almacenar, copiar y procesar los píxeles con hardware y software organizados alrededor de bytes.

Con tres bytes se obtiene un píxel RGB de 24 bits: uno para R, uno para G y uno para B. En muchas estructuras se añade un cuarto byte para transparencia alfa o para mantener una alineación conveniente, formando píxeles de 32 bits.

2. Ofreció un equilibrio práctico entre calidad y tamaño

Usar menos bits reduce los niveles disponibles y hace más probable observar bandas o saltos en cielos, sombras y degradados. Usar muchos más bits aumenta memoria, almacenamiento, ancho de banda y trabajo de procesamiento.

Los 256 niveles por canal, acompañados por una función de transferencia como la de sRGB y, cuando corresponde, técnicas como tramado digital, suelen producir transiciones suficientemente suaves para fotografías, interfaces, páginas web y video convencional visto en condiciones normales.

3. Produce millones de combinaciones sin duplicar los datos

RGB de 8 bits ofrece 16.7 millones de combinaciones utilizando tres bytes por píxel sin compresión. Pasar a 16 bits por canal aumenta enormemente la precisión, pero duplica los datos de color básicos: de 24 a 48 bits por píxel antes de considerar transparencia, metadatos o compresión.

Una imagen Full HD de 1920 × 1080 contiene 2,073,600 píxeles. Sin compresión ni alfa, sus datos RGB de 24 bits ocupan aproximadamente 6.2 MB; a 48 bits rondan 12.4 MB. Los formatos de archivo reducen o reorganizan esos datos, pero la diferencia ayuda a entender el costo de aumentar la profundidad.

4. Los formatos y sistemas adoptaron esa estructura

Durante la expansión de las computadoras personales, gráficos, cámaras digitales y web, el RGB de 24 bits llegó a conocerse como true color. Sistemas operativos, tarjetas gráficas y formatos de intercambio construyeron una compatibilidad extensa alrededor de muestras de 8 bits.

Por ejemplo, PNG admite imágenes RGB de color verdadero con 8 o 16 bits por muestra, pero la representación de 8 bits sigue siendo muy eficiente para intercambio general. En web, los códigos hexadecimales de seis caracteres también encajan exactamente en tres pares de 8 bits: `#RRGGBB`.

5. La compatibilidad refuerza el estándar de uso

Una imagen de 8 bits por canal puede abrirse, transmitirse y mostrarse correctamente en una enorme variedad de navegadores, aplicaciones y dispositivos. Aunque existan flujos superiores, el formato común continúa siendo útil como punto de intercambio y entrega.

Esto es una convención tecnológica ampliamente adoptada, no un límite del modelo RGB. El registro técnico de sRGB describe habitualmente una codificación de 8 bits, pero permite otras profundidades.

¿Cuándo dejan de ser suficientes 8 bits?

Una imagen final puede verse bien en 8 bits y aun así beneficiarse de mayor profundidad durante la edición. Ajustes fuertes de exposición, curvas, color o composición separan los niveles existentes y pueden revelar bandas que antes no eran visibles.

• Edición fotográfica: 16 bits por canal ofrecen más margen para ajustes y conversiones.
• HDR y video profesional: se emplean con frecuencia 10 bits o más para manejar gradaciones y rangos de luminancia mayores.
• Gráficos con degradados delicados: una mayor profundidad reduce errores acumulados durante el procesamiento.
• Archivos maestros: conservar más precisión permite producir distintas versiones finales.

La cadena completa debe ser compatible. Guardar un archivo de 10 o 16 bits no obliga a una pantalla de 8 bits a mostrar niveles que físicamente no puede reproducir. Tener más niveles ayuda a representar transiciones, pero no hace que todos los dispositivos muestren el archivo de la misma manera.

Un valor intermedio no es simplemente “la mitad de luz”

RGB 128, 128, 128 se utiliza como un gris medio numérico, pero el valor almacenado no siempre guarda una relación lineal directa con la cantidad física de luz emitida. Espacios como sRGB utilizan una función de transferencia para codificar los tonos de una forma más eficiente y relacionada con la percepción humana.

Por eso no conviene interpretar 128 como una medición universal de “50% de brillo real”. Es un nivel codificado que el sistema transforma antes de que la pantalla produzca luz.

¿RGB siempre tiene que usar 0–255?

No. RGB es el modelo de tres componentes; 0–255 es solo una codificación muy extendida. Un programa puede representar los mismos canales como porcentajes de 0% a 100%, números decimales de 0.0 a 1.0 o valores con mayor profundidad.

• 8 bits por canal: 256 niveles, de 0 a 255.
• 10 bits por canal: 1,024 niveles, de 0 a 1,023.
• 12 bits por canal: 4,096 niveles, de 0 a 4,095.
• 16 bits por canal: permite muchos más niveles para edición y cálculos, aunque la implementación concreta depende del formato y programa.

Una mayor profundidad ayuda a reducir escalones visibles en degradados y tolera mejor ciertos ajustes de edición. Sin embargo, no garantiza que el monitor pueda mostrar todos esos niveles.

¿Por qué no se utiliza de 1 a 256?

Porque uno de los patrones binarios debe representar la ausencia del canal. `00000000` equivale a 0 y `11111111` equivale a 255. Contando ambos extremos existen exactamente 256 valores. Usar 1–256 requeriría igualmente 256 estados, pero rompería la correspondencia natural donde todos los bits apagados representan cero.

Ejemplos de valores RGB

Los ejemplos representan valores matemáticos, no muestras físicas garantizadas. Su apariencia depende del espacio RGB, pantalla y calibración.

¿Qué es un código hexadecimal?

En sitios web es frecuente representar RGB con seis caracteres después de `#`. Cada par corresponde a rojo, verde y azul y utiliza el sistema hexadecimal, cuyos valores van de 00 a FF. Así, `#CC0000` equivale a RGB 204, 0, 0.

La notación CSS también puede escribirse como `rgb(204, 0, 0)`. En diseño digital puede añadirse un canal alfa para transparencia, pero alfa no es un cuarto color primario.

Modelo RGB no es lo mismo que espacio RGB

RGB explica que el color se codifica mediante tres componentes. Un espacio de color RGB define qué rojo, qué verde, qué azul y qué condiciones representan esos números.

sRGB

Es un espacio común para web, intercambio general y muchos dispositivos de consumo. Resulta práctico cuando el archivo circulará por pantallas y aplicaciones variadas.

Adobe RGB

Utiliza una definición de color diferente a sRGB y se emplea en determinados flujos fotográficos. Solo ofrece resultados correctos si el archivo conserva su perfil; una aplicación que lo interpreta como sRGB puede mostrar colores equivocados.

Display P3 y otros espacios

Algunos teléfonos, computadoras y pantallas modernas trabajan con espacios distintos a sRGB. La administración de color permite que las aplicaciones interpreten correctamente esos valores al compartir los archivos.

¿Por qué en mi computadora se ve bien y al imprimir cambia?

La pantalla construye la imagen con luz RGB. Puede aumentar su brillo, mostrar blancos luminosos y producir colores que parecen muy intensos. En cambio, una impresión utiliza tintas CMYK sobre papel: no genera luz y solo refleja la iluminación del lugar.

Al imprimir, los valores RGB tienen que traducirse a combinaciones de cian, magenta, amarillo y negro. Esa conversión no consiste en copiar los mismos números, porque son sistemas diferentes. Algunos colores deben aproximarse con las tintas disponibles.

También intervienen factores que no existen en la pantalla:

• Brillo del monitor: si está muy alto, el archivo parece más claro que la impresión.
• Tipo de papel: un couché refleja y conserva el detalle de manera diferente a un papel poroso o de color crema.
• Tinta y máquina: cada sistema de impresión reproduce el archivo según su configuración.
• Conversión de color: un perfil incorrecto puede cambiar tonos y contraste.
• Iluminación: el mismo impreso se ve diferente bajo luz amarilla, blanca o natural.
• Calibración: una pantalla mal ajustada puede mostrar una versión atractiva, pero incorrecta.

Perfiles ICC y administración del color

Un perfil ICC describe cómo un dispositivo o espacio relaciona sus números con colores medibles. Permite que el sistema de administración de color traduzca la imagen entre cámara, pantalla y salida.

Asignar un perfil indica cómo deben interpretarse los números existentes. Convertir a un perfil cambia los números para conservar, dentro de lo posible, la apariencia. Confundir ambas operaciones puede alterar el color.

RGB en cámaras y escáneres

Las cámaras y escáneres capturan información mediante sensores y filtros relacionados con rojo, verde y azul. Sus datos originales no son necesariamente sRGB; el procesamiento y el perfil convierten la captura en una imagen utilizable.

Una fotografía puede editarse en RGB porque ese modo conserva información útil para el trabajo digital. El destino final determina después si debe mantenerse en RGB o convertirse mediante un flujo de impresión controlado.

¿Cuándo conviene trabajar en RGB?

• Sitios web, aplicaciones y redes sociales.
• Video, televisión, presentaciones y señalización digital.
• Fotografía y edición destinada principalmente a pantalla.
• Archivos maestros que después se adaptarán a diferentes salidas.
• Equipos cuyo controlador solicita archivos RGB y realiza internamente la conversión.

Errores frecuentes con RGB

• Creer que un color será idéntico en todas las pantallas.
• Compartir una imagen Adobe RGB sin conservar su perfil.
• Aumentar la saturación basándose en un monitor mal ajustado.
• Usar un código hexadecimal como garantía de color impreso.
• Convertir repetidamente entre espacios y degradar los datos.
• Esperar que un color luminoso de pantalla pueda imprimirse sin cambios.

Preguntas frecuentes

Fuentes técnicas

• Adobe: modelos RGB, CMYK y administración del color.
• W3C: valores RGB y hexadecimales en CSS.
• W3C: especificación PNG, bytes y profundidades RGB.
• Microsoft: formatos RGB de 24 bits y 16.7 millones de combinaciones.
• ICC: definición técnica del espacio sRGB.
• Samsung: subpíxeles RGB en pantallas.

¿Tu diseño terminará impreso?

Antes de enviarlo, confirma el proceso, papel y perfil de salida. En nuestra siguiente guía explicamos cómo trabaja CMYK.

Continuar con CMYK