sRGB

sRGB (standart RGB), 1996'da HP ve Microsoft tarafından ortaklaşa geliştirilen ve Uluslararası Elektroteknik Komisyonu tarafından IEC 61966-2-1 olarak standardize edilen bir renk uzayıdır. RGB sayısal değerlerinin algılanan renklerle nasıl eşleşeceğini tanımlayan tam kırmızı, yeşil ve mavi birincil renkleri, ayrıca dönemin tipik CRT monitörünün tepkisini yaklaştıran doğrusal olmayan bir gamma eğrisini belirtir.

sRGB, web'in örtük renk uzayıdır. CSS'te #FF6B35 yazdığınızda sRGB'de bir renk belirtiyorsunuzdur. Bir JPG dosyası renk profili yerleştirmediyse sRGB varsayılan kabul edilir. Tarayıcılar, görüntü editörleri ve tüketici monitörleri varsayılan olarak sRGB'yi kullanır.

Daha geniş gamutlu renk uzayları — Display P3 (Apple, sRGB'den ~%25 daha fazla renk hacmi) ve Rec.2020 (HDR video) — eski ekranların üretemediği daha derin doymuş renklere uzanarak sRGB üçgeninin ötesine geçer. CSS Color Module Level 4, her ikisini de color(display-p3 ...) ve color(rec2020 ...) işlevleriyle destekler; ancak tarayıcı desteği hâlâ tutarsızdır ve çoğu varlık sRGB olarak gönderilmektedir.

Günlük renk dönüşümü (HEX ↔ RGB ↔ HSL) için sRGB evrensel çıpa noktasıdır. Matematik için renk dönüştürücülerimizi kullanın.

sRGB gamma eğrisi özellikle: sRGB saf bir kuvvet fonksiyonu kullanmaz. Aktarım eğrisi parçalıdır: çok karanlık değerler için doğrusal bir segment (0,04045'in altındaki kodlanmış değerler 12,92'ye bölünür) ve bunun üzerinde 2,4 kuvvet eğrisi. Kompozit, 2,2 gamma'yı yaklaştırır ancak sıfır yakınında daha iyi sayısal davranış sergiler. Bu parçalı tanım, "sadece 2,2 kuvvetine yükseltin" yaklaşımının siyah yakınında hafifçe yanlış renkler üretmesinin nedenidir — doğru sRGB doğrusallaştırması tam eğriye ihtiyaç duyar.

Beyaz noktası ve birincil kromatiklikler: sRGB'nin beyaz noktası D65'tir (CIE Aydınlatma D65, ~6.504 K) ve üç birincil rengi belirli (x, y) kromatiklik koordinatlarında yer alır: kırmızı (0,640, 0,330), yeşil (0,300, 0,600), mavi (0,150, 0,060). Bunlar 1990'ların ortasındaki CRT monitörlerin fosfor birincil renklerini kasıtlı olarak eşler; böylece mevcut ekranlar herhangi bir değişiklik yapılmadan standartla uyumlu hale geldi. Modern OLED ve kuantum noktalı ekranlar sRGB üçgeninden çok daha fazlasını kapsar; bu nedenle kapasiteli donanımda geniş gamutlu içerik daha doymuş görünür. İlgili: Display P3, gamma, kromatiklik. Kaynak: IEC 61966-2-1 sRGB belirtimi.

Çözümlü örnek

Harmanlama matematiği için CSS rengi #FF6B35'i (kırmızı-turuncu) doğrusal ışık sRGB'ye dönüştürün. 8 bit değerler: R=255, G=107, B=53. Önce [0,1] aralığına normalleştirin: (1,0; 0,4196; 0,2078). Her kanal için ters sRGB aktarımını uygulayın: 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. Artık alfa karıştırabilir ya da parlaklığı doğru hesaplayabilirsiniz: Y = 0,2126·R + 0,7152·G + 0,0722·B ≈ 0,32. Naif hata — gamma kodlanmış değerleri doğrudan ortalamak — Y ≈ 0,42 hesaplar ve soluk harmanlamalar üretir. Bu tek incelik, "neden %50 opaklıklı örtüm yanlış görünüyor" sorusunun tekrar eden bir grafik programcısı sorusu haline gelmesinin ve GPU gölgelendiricilerinin okumada donanımın doğrusallaştırması için dokuları açıkça sRGB olarak işaretlemesinin nedenidir.

Ne zaman ve neden önem taşır

Görüntü işleme ya da oluşturma kodu yazdığınız her zaman piksel değerlerinizin gamma kodlanmış sRGB mi yoksa doğrusal ışık mı olduğunu bilmek, harmanlama, bulanıklaştırma ve aydınlatma hesaplamalarının beklediğiniz renkleri üretip üretmediğini belirler. Aynı mantık tasarım araçları için de geçerlidir: Photoshop'un "gamma kullanarak RGB renklerini harmanla" seçeneği bu davranışı değiştirir; Figma 2024 ve sonrasında varsayılan olarak gamma doğru (doğrusal) harmanlama kullanır. Web çalışmaları için sRGB o kadar evrenseldir ki nadiren düşünmenize gerek kalır — ancak iPhone HDR kameraları için Display-P3 içeriği gönderdiğinizde ya da Rec.2020 HDR video oluşturduğunuzda varsayım bozulur ve yönetilmeyen görüntüler belirgin biçimde doygunluk kayar. Savunmacı alışkanlık: her görüntüyü "etiketsiz = sRGB" varsayılanına güvenmek yerine açık bir ICC profiliyle etiketlemektir; özellikle derin renk boru hatları olan mobil platformlar arasında paylaşım yaparken. Kaynak: W3C — CSS Color Module Level 4.