sRGB

sRGB (RGB padrão) é um espaço de cores desenvolvido conjuntamente pela HP e Microsoft em 1996 e padronizado pela Comissão Eletrotécnica Internacional como IEC 61966-2-1. Ele especifica os primários exatos de vermelho, verde e azul que definem como os valores numéricos RGB mapeiam para as cores percebidas, além de uma curva gamma não linear que aproxima a resposta de um monitor CRT típico da época.

sRGB é o espaço de cores implícito da web. Quando você escreve #FF6B35 em CSS, você está especificando uma cor em sRGB. Quando um arquivo JPG não incorpora um perfil de cor, sRGB é o padrão assumido. Navegadores, editores de imagem e monitores para consumidores todos usam sRGB por padrão.

Espaços de cores de gamut mais amplo — Display P3 (Apple, ~25% mais volume de cor que o sRGB) e Rec.2020 (vídeo HDR) — se estendem além do triângulo do sRGB para cores saturadas mais profundas que monitores antigos não conseguem produzir. O CSS Color Module Level 4 suporta ambos com as funções color(display-p3 ...) e color(rec2020 ...), mas o suporte dos navegadores ainda é desigual e a maioria dos assets ainda é entregue em sRGB.

Para conversão de cores do dia a dia (HEX ↔ RGB ↔ HSL), sRGB é a âncora universal. Use nossos conversores de cores para os cálculos.

A curva gamma sRGB especificamente:sRGB não usa uma função de potência pura. A curva de transferência é por partes: um segmento linear para valores muito escuros (valores codificados abaixo de 0,04045 são divididos por 12,92) e uma curva de potência 2,4 acima disso. O composto aproxima um gamma 2,2, mas com melhor comportamento numérico próximo de zero. Essa definição por partes é a razão pela qual “basta elevar à potência 2,2” produz cores ligeiramente erradas próximo do preto — a linearização precisa do sRGB requer a curva completa.

Ponto branco e cromaticidades primárias: o ponto branco do sRGB é D65 (Iluminante CIE D65, ~6504 K), e seus três primários estão em coordenadas de cromaticidade (x, y) específicas: vermelho (0,640, 0,330), verde (0,300, 0,600), azul (0,150, 0,060). Esses valores correspondem aos primários de fósforo dos monitores CRT de meados dos anos 1990 — deliberadamente, para que os monitores existentes fossem compatíveis com o padrão sem modificação. Monitores OLED e de pontos quânticos modernos cobrem muito mais do que o triângulo sRGB, razão pela qual conteúdo de gamut amplo parece mais saturado em hardware compatível. Relacionado: Display P3, gamma, cromaticidade. Referência: Especificação sRGB IEC 61966-2-1.

Exemplo prático

Converta a cor CSS #FF6B35 (laranja avermelhado) para sRGB de luz linear para cálculos de mistura. Os valores de 8 bits são R=255, G=107, B=53. Primeiro normalize para [0,1]: (1,0, 0,4196, 0,2078). Aplique a transferência inversa sRGB 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. Agora você pode misturar alfa ou calcular a luminância corretamente: Y = 0,2126·R + 0,7152·G + 0,0722·B ≈ 0,32. O erro ingênuo — fazer a média dos valores codificados com gamma diretamente — calcularia Y ≈ 0,42 e produziria misturas desbotadas. Essa única sutileza é o motivo pelo qual “por que minha sobreposição de 50% de opacidade parece errada” é uma pergunta recorrente de programadores gráficos, e por que os shaders GPU marcam explicitamente as texturas como sRGB para que o hardware linearize na leitura.

Quando e por que isso importa

Sempre que você escreve código de processamento de imagem ou renderização, saber se seus valores de pixel são sRGB codificados com gamma ou luz linear determina se mistura, desfoque e cálculos de iluminação produzem as cores esperadas. A mesma lógica se aplica a ferramentas de design: a opção “blend RGB colors using gamma” do Photoshop alterna esse comportamento; o Figma usa mistura com correção gamma (linear) por padrão a partir de 2024. Para trabalho na web, sRGB é tão universal que raramente é necessário pensar sobre isso — mas no momento em que você entrega conteúdo Display-P3 para câmeras iPhone HDR ou renderiza vídeo HDR Rec.2020, a suposição quebra e imagens não gerenciadas mudam a saturação visivelmente. O hábito defensivo: marque cada imagem com um perfil ICC explícito em vez de depender do padrão “sem tag = sRGB”, especialmente ao compartilhar entre plataformas móveis com pipelines de cores profundas. Referência: W3C — CSS Color Module Level 4.