sRGB

sRGB (RGB estándar) es un espacio de color desarrollado conjuntamente por HP y Microsoft en 1996 y estandarizado por la Comisión Electrotécnica Internacional como IEC 61966-2-1. Especifica los primarios exactos de rojo, verde y azul que definen cómo los valores numéricos RGB se mapean a colores percibidos, más una curva gamma no lineal que aproxima la respuesta de un monitor CRT típico de la época.

sRGB es el espacio de color implícito de la web. Cuando escribe #FF6B35 en CSS, está especificando un color en sRGB. Cuando un archivo JPG no incluye un perfil de color, sRGB es el predeterminado asumido. Los navegadores, editores de imágenes y monitores de consumo tienen sRGB como predeterminado.

Los espacios de color de gama más amplia — Display P3 (Apple, ~25% más volumen de color que sRGB) y Rec.2020 (video HDR) — se extienden más allá del triángulo de sRGB hacia colores más saturados que las pantallas antiguas no pueden producir. El Módulo de Color CSS Nivel 4 admite ambos con color(display-p3 ...) y funciones color(rec2020 ...), pero el soporte del navegador aún es irregular y la mayoría de los activos siguen siendo en sRGB.

Para la conversión de color cotidiana (HEX ↔ RGB ↔ HSL), sRGB es el ancla universal. Use nuestros conversores de color para las matemáticas.

La curva gamma de sRGB específicamente:sRGB no usa una función de potencia pura. La curva de transferencia es por tramos: un segmento lineal para valores muy oscuros (los valores codificados por debajo de 0,04045 se dividen entre 12,92) y una curva de potencia 2,4 por encima. La composición aproxima una gamma 2,2 pero con mejor comportamiento numérico cerca de cero. Esta definición por tramos es la razón por la que “simplemente elevar a la potencia 2,2” produce colores ligeramente incorrectos cerca del negro — la linearización sRGB precisa necesita la curva completa.

Punto blanco y cromaticidades primarias: el punto blanco de sRGB es D65 (Iluminante CIE D65, ~6504 K), y sus tres primarios se sitúan en coordenadas de cromaticidad (x, y) específicas: rojo (0,640, 0,330), verde (0,300, 0,600), azul (0,150, 0,060). Estos coinciden con los primarios de fósforo de los monitores CRT de mediados de los años 90 — deliberadamente, para que las pantallas existentes fueran compatibles con el estándar sin modificación. Los modernos monitores OLED y de puntos cuánticos cubren mucho más que el triángulo sRGB, por eso el contenido de gama amplia parece más saturado en hardware capaz. Relacionado: Display P3, gamma, cromaticidad. Referencia: Especificación sRGB IEC 61966-2-1.

Ejemplo práctico

Convertir el color CSS #FF6B35 (naranja rojizo) a sRGB de luz lineal para cálculos de mezcla. Los valores de 8 bits son R=255, G=107, B=53. Primero normalizar a [0,1]: (1,0, 0,4196, 0,2078). Aplicar la transferencia sRGB inversa para cada canal: R = ((1,0 + 0,055)/1,055)^2.4 = 1,0; G = ((0,4196 + 0,055)/1,055)^2.4 ≈ 0,1471; B = ((0,2078 + 0,055)/1,055)^2.4 ≈ 0,0355. Ahora puede mezclar alfa o calcular luminancia correctamente: Y = 0,2126·R + 0,7152·G + 0,0722·B ≈ 0,32. El error ingenuo — promediar directamente los valores codificados en gamma — calcularía Y ≈ 0,42 y produciría mezclas deslavadas. Esta sutil diferencia es la razón por la que “¿por qué mi superposición al 50% de opacidad se ve mal?” es una pregunta recurrente entre programadores de gráficos, y por qué los shaders de GPU marcan explícitamente las texturas como sRGB para que el hardware linearice al leer.

Cuándo y por qué importa

Cada vez que escriba código de procesamiento de imágenes o renderizado, saber si sus valores de píxel están codificados en gamma sRGB o en luz lineal determina si las operaciones de mezcla, desenfoque e iluminación producen los colores esperados. La misma lógica se aplica a las herramientas de diseño: la opción de Photoshop “mezclar colores RGB usando gamma” cambia este comportamiento; Figma tiene mezcla con corrección gamma (lineal) como predeterminada desde 2024. Para trabajo web, sRGB es tan universal que raramente necesita pensarlo — pero en el momento en que distribuya contenido Display-P3 para cámaras HDR de iPhone o renderice video HDR Rec.2020, la suposición se rompe y las imágenes sin gestión de color cambian de saturación visiblemente. El hábito defensivo: etiquetar cada imagen con un perfil ICC explícito en lugar de depender del predeterminado “sin etiquetar = sRGB”, especialmente al compartir entre plataformas móviles con pipelines de color profundo. Referencia: W3C — Módulo de Color CSS Nivel 4.