Display P3

Display P3, Apple tarafından 2015 yılında tanıtılan geniş gamutlu bir RGB renk uzayıdır. DCI-P3 ile aynı kırmızı ve mavi birincil renkleri kullanır (2007'deki sinema projeksiyonu standardı) ancak Apple'ın kendi beyaz noktası ve gaması vardır. sRGB ile karşılaştırıldığında P3, yaklaşık %25 daha fazla renk hacmini kapsar; fazlalığın büyük bölümü doymuş kırmızı ve yeşil tonlardadır.

Apple, 2017 sonrası tüm Mac ve iPhone ekranlarında P3 sınıfı paneller kullanmaktadır. Diğer üreticiler de bu trendi izlemiştir; çoğu premium Android telefon, orta ve üst segment monitör ile tüm OLED TV'ler P3 ya da daha geniş renk alanına ulaşmaktadır.

CSS Color Module Level 4, P3'ü color() işleviyle destekler: color(display-p3 1 0.4 0.2). Aynı renk sRGB ile ifade edilseydi kırpılırdı — bu canlı doymuş turuncu sRGB içinde mevcut değildir. Her iki standardı da destekleyen tarayıcılar, P3 uyumlu ekranlarda P3 sürümünü, diğerlerinde ise sRGB'ye sorunsuzca geri düşer.

Convertitive'in renk dönüştürücüleri şu an yalnızca sRGB ile çalışmaktadır. P3 desteği yol haritasındadır.

Tasarımcıları yanıltan DCI-P3, Display P3 ve P3-D65 ayrımı: "P3" içeren üç farklı teknik özellik bulunur. DCI-P3, saf 2,6 üs gaması ve yeşile yakın bir beyaz noktası (yaklaşık 6.300 K) ile SMPTE'nin orijinal sinema standardıdır; film projektörleri için kullanılır, tüketici ekranları için değil. Display P3, Apple'ın tüketici standardı D65 beyaz noktalı (6.504 K) ve sRGB'nin parçalı gama eğrisiyle özelleştirdiği versiyondur. P3-D65 ise başka bir adla Display P3'tür. CSS'in color(display-p3 …) ifadesi özellikle Display P3 anlamına gelir; sinema iş akışlarından DCI-P3 olarak dışa aktarılan varlıklar, dönüşüm yapılmadan Display P3 olarak ele alınırsa hafifçe yeşile kayar.

Kodda P3 desteğini doğru tespit etmek: geniş gamutlu stilleri sınırlandırmak için @media (color-gamut: p3) CSS medya sorgusunu, özellik için ise @supports (color: color(display-p3 0 0 0)) sorgusuyla birlikte kullanın. Geniş gamutlu oluşturmayı desteklemeyen ya da sRGB ekranda çalışan tarayıcılar, sağlanan sRGB bildirimine geri düşer. Yalnızca P3 renkleri bildirmek yaygın bir hatadır; sRGB'ye kısıtlı tarayıcılar bu kuralı yok sayar ve CSS devralınan varsayılan değerlere döner. Convertitive'in renk metodolojisi çift bildirim örüntüsünü açıklar. İlgili: sRGB, gamut, kromatiklik. Kaynak: ICC — Display P3 karakterizasyonu.

Çözümlü örnek: sRGB'nin ötesinde bir marka kırmızısı

Bir marka, iPhone müşterilerinin görebileceği en doymuş kırmızıyı istiyor. sRGB'de maksimum kırmızı rgb(255, 0, 0)'dır; CIE-1931 kromatiklik koordinatları yaklaşık (0,640, 0,330)'dir. Display P3'ün eşdeğer birincil rengi (0,680, 0,320)'de konumlanır; bu sRGB üçgeninin tamamen dışındadır. color(display-p3 1 0 0) olarak bildirildiğinde bu renk, geniş gamutlu panelde göze yaklaşık %25 daha doymuş görünür. Yalnızca sRGB ekranında CSS çift bildirimi background: red; background: color(display-p3 1 0 0); sorunsuz geri düşer. İkisini P3 uyumlu bir telefonda yan yana fotoğraflamak, farkı koldan bile görünür kılar; özellikle Coca-Cola kırmızısı, Ferrari kırmızısı ve web'de tarihsel olarak kırpılmış diğer marka renklerinde bu etki belirgindir.

P3'ün önemi olan ve olmayan durumlar

Marka kimliği, pazarlama görselleri ve fotoğraf portföyleri için P3 anlamlı bir yükseltmedir; doymuş kırmızılar, yeşiller ve ten renkleri gözle görülür derinlik kazanır. Çoğu UI çalışması için (metin, nötrler, muted vurgular) fark algılanamaz; bu renkler sRGB gamut sınırına hiç yaklaşmaz. Baskı iş akışları için P3 büyük ölçüde geçersizdir; yazıcı gamutları doymuş bölgelerde sRGB'den daha küçüktür ve dönüşüm her halükarda CMYK profilleri üzerinden gerçekleşir. W3C CSS Color 4 spec, söz dizimi ve oluşturma kuralları için yetkili kaynaktır: CSS Color Module Level 4 — Display P3.