Apple은 색 공간 지원을 적극적으로 구현하고 있습니다. P3 iPhone 7을 포함한 새로운 장치에 적용됩니다. Apple의 이전 표준은 sRGB.

이 기사에서 우리는 표면적인, 복잡한 용어와 물리학에 대한 몰입 없이:

• 컬러 디스플레이의 기본 원리에 대해 알아봅시다.
• 그것이 무엇인지 알아보세요 색공간( 색상 프로필) ;
• P3와 sRGB 프로필을 비교해 보겠습니다.
• P3 프로필로 전환하는 방법에 대해 이야기해 보겠습니다.

RGB 색상 모델

가장 일반적인 색 재현 방법을 살펴보겠습니다.

디스플레이의 이미지는 픽셀의 "격자"를 표시합니다.

각 픽셀은 빨간색, 녹색, 파란색 하위 픽셀로 구성됩니다.

그리고 우리가 화면에서 보는 모든 색조는 이 세 가지 색상의 다양한 조합으로 생성됩니다.

예를 들어:

• 하얀색– 세 개의 하위 픽셀이 모두 최대 밝기에서 균등하게 사용됩니다.
• 검은색– 하위 픽셀이 사용되지 않습니다.
• 빨간색– 빨간색 하위 픽셀만 관련됩니다.
• 노란색– 녹색 및 빨간색 하위 픽셀만 사용됩니다.

모니터에 그림이 형성되는 방식은 다음과 같습니다.

RGB 색상 시스템은 모든 최신 디스플레이에 사용되지만 동일한 사진을 표시하는 방법은 크게 다를 수 있습니다.

색상 공간

1931년 국제조명위원회(CIE)는 인간의 눈에 보이는 모든 색상을 포괄하는 참조 색상 모델을 채택했습니다. 그 기초는 1920년대 후반과 1930년대 초반에 수행된 과학자 David Wright와 John Gildomw의 실험이었습니다.

CIE 1931 참조 색 공간.

최신 모니터는 이러한 색상을 모두 표시할 수 없습니다. 일부만: 누군가 더 적은, 누구 더.

또한, RGB 시스템에 지정된 동일한 색상은 다른 장치인해 다르게 표시됩니다. 기술적 특징및 디스플레이 특성.

이 문제가 해결되지 않은 경우:

• 한 컴퓨터 모니터에서 처리된 사진은 다른 컴퓨터 모니터에서 다르게 보일 수 있습니다.
• 거의 모든 디스플레이는 다른 제조업체같은 그림을 다른 방식으로 보여줄 것입니다.
• 프린터가 제대로 작동하지 않습니다.
• 예를 들어 휴대전화에서 친구의 사진은 녹색 색조를 띠지만 친구의 사진은 그렇지 않습니다. 등. 그것은 시작될 것이다 색상 혼돈.

그 결과, 시각적 대응만들어졌다 색상 프로필– 모든 사람을 위한 통일된 표준. 올바르게 보정되고 하나의 프로필 내에서 모든 색상의 표시를 지원하는 장치는 전체적으로 매우 유사그림.

sRGB 프로필

오늘날의 표준은 프로필입니다. sRGB, 1996년에 HP와 Microsoft가 만들었습니다. 인터넷, 최신 모니터 및 프린터에서 널리 사용됩니다. 그것은 커버 35% 인간이 볼 수 있는 색상.

iPhone 5는 sRGB 색 공간을 100% 표시하는 디스플레이를 갖춘 최초의 iPhone입니다.

그러나 현대 스크린의 기능은 이러한 한계를 뛰어넘기 시작했습니다.

프로필 P3

Apple이 sRGB의 후속 제품으로 선택한 프로파일입니다.

DCI-P3 색공간은 영화 산업에서 널리 사용됩니다. 색 영역은 sRGB보다 25% 더 넓습니다. 45,5% 사람에게 보이는 것에서.

~에 지금은 P3 색상 프로필은 9.7인치 iPad Pro, iPhone 7, iMac Retina 4K/5K 및 새로운 MacBook Pro 디스플레이에서 지원됩니다.

sRGB와 P3 화면을 나란히 배치하면 거의 동일한 차이를 느낄 수 있습니다.

확장된 색 영역: 장단점

친구여, 이론은 무미건조해요
그러나 생명나무는 푸른색으로 변합니다.
괴테

- 조, 장치!
- 육백!
- 뭐, "600"?..
- '장치'는 어떤가요?..

모니터의 하드웨어 교정

XnView에서 모니터 프로필 지정

Canon EOS-350D에서 색 공간 선택

Natural Color Expert 및 XL 시리즈 모니터 보정

"사용자 정의": 모든 수동 설정이 잠금 해제되고 색 영역이 최대이며 밝기는 수동으로 조정 가능하며 모든 에뮬레이션은 비활성화됩니다.
"sRGB": 색역, 밝기, 감마, 색온도가 sRGB 표준에 따라 설정됩니다.
"AdobeRGB": 색역, 밝기, 감마, 색온도가 AdobeRGB 표준에 따라 설정됩니다.
"에뮬레이션": 색 영역, 밝기, 감마 및 색온도는 동일한 이름의 Natural Color Expert 프로그램 섹션에서 수동으로 설정됩니다.
"보정": 밝기, 감마 및 색온도는 Natural Color Expert에서 수동으로 설정되며 색 영역은 모니터에 가능한 최대값입니다.

해당 ICC 파일을 생성하는 동시에 주어진 밝기, 대비, 색 온도, 감마 및 색 영역으로 모니터를 조정합니다.
허용되지 않습니다: 감마 곡선의 모양 조정.

삼성 싱크마스터 XL24

삼성 싱크마스터 XL30

결론

이 주제에 관한 기타 자료

전문가용 모니터: NEC LCD2190UX 및 Samsung XL20
삼성 SyncMaster XL20: 문제 해결

질문 올바른 표시모니터의 색상은 영원한 색상의 범주에 속합니다. 화면에 보이는 내용(그리고 보는 방식 그대로)을 인쇄해야 하는 상황에 직면한 적이 있는 사람이라면 누구나 이것이 쉬운 절차가 아니라는 것을 알고 있습니다. 이러한 상황에서는 "모니터-인쇄 장치" 시스템의 품질이 고객의 결과 만족도와 그에 따른 작업 및 비즈니스의 성공을 결정하기 때문에 프린터에게는 더욱 어렵습니다. 또한 원격(부드러운 화면, 원하는 대로) 색상 교정에 대한 아이디어가 현재 진행 중이지만 오늘이나 내일은 현실이 되지 않을 것입니다. 확장된 트라이어드 인쇄(4개 이상의 색상)와 같이 색상 처리 품질을 요구하는 인쇄 방법의 비중이 높아지면서 전문가용 모니터에 대한 요구가 높아지기 시작했습니다. 이제 가산 및 감산 합성으로 얻은 색상 간의 일치 문제를 해결하려면 새로운 접근 방식이 필요합니다.

오늘날 제공되는 다양한 모니터 중에서 모니터를 선택하는 것은 매우 어렵습니다. 이러한 장치를 전문으로 하는 제조업체의 전문 모니터는 값비싼 즐거움입니다. 대부분의 사용자에게는 눈길을 끄는 Pro 접두사가 붙은 가정용 모델과 색상을 사용하도록 설계된 모니터 간의 차이가 명확하지 않습니다. 특히 특성이 항상 명확하지 않기 때문입니다. 따라서 전문 모니터가 어떤 기능을 갖고 있는지, 그리고 현대적인 요구 사항을 충족하기 위해 어떤 조건을 충족해야 하는지 이해하는 것이 합리적입니다.

색 영역 증가

대부분의 TFT 모니터는 NTSC 색 공간의 최대 75%를 재현할 수 있습니다. 그러나 이 색 영역은 이론적으로 인쇄 합성 색상을 포함할 만큼 충분히 크지만 색 공간에서의 크기와 위치로 인해 이러한 모니터는 화면에서 인쇄 색상을 재현하는 데 적합하지 않습니다. 그 이유는 모니터(RGB)와 인쇄 장치(CMYK)의 색상 모델이 근본적으로 다르기 때문입니다. 인쇄된 모든 색상을 포함하려면 RGB 장치(이 경우 모니터)의 색 영역을 크게 확장해야 합니다.

최대 최선의 방법 TFT 모니터의 색역을 증가시킨다는 것은 백라이트의 스펙트럼 특성을 최적화한다는 것을 의미합니다. 비색 기술과 화학 기술의 성과를 결합함으로써 수정된 스펙트럼 특성을 갖고 색 영역의 빨간색과 녹색 영역에서 더 나은 재현 성능을 갖춘 형광체를 만드는 것이 가능해졌습니다.

이러한 변경의 결과는 그림에서 명확하게 볼 수 있습니다. 스펙트럼의 녹색 및 빨간색 영역이 이동하여 색 영역의 크기가 증가했습니다. 훨씬 더 밝은 녹색과 빨간색을 사용할 수 있게 되었습니다.

색 영역 최적화

불행하게도 색 영역을 확장하는 것만으로는 감산 합성 장치(또는 더 간단하게는 CMYK 장치)에서 재현된 모든 색상을 캡처할 수 없습니다. 주요 목표는 모니터의 색상과 인쇄물의 색상이 가장 완벽하게 일치하는 것이었습니다. 그림에 표시된 간단한 예에서는 한 모니터(검은색 선)의 색역이 다른 모니터(빨간색 선)보다 크다고 해서 인쇄 장치의 색상(흰색 선)이 더 잘 재현된다는 의미는 아닙니다.

또한, 색역의 크기, 즉 위치의 차이를 명확히 이해해야 합니다. 극한점그래프 및 색 영역의 품질 - 모니터 색상과 인쇄 장치의 실제 색상이 일치합니다.

이는 더 작지만 최적화된 색 영역을 갖춘 모니터가 명목상으로는 더 크지만 사용 가능한 색 재현성이 거의 없는 솔루션보다 색 등급 지정 또는 원격 교정에 더 나은 선택이 될 수 있음을 의미합니다.

공간에 대해 이야기해보자

오늘날 색상 관리 시스템에는 Adobe-RGB와 ECI-RGB라는 두 가지 주요 RGB 작업 공간이 서로 매우 가깝습니다.

Adobe-RGB 시스템 - 좋은 결정안타깝게도 대부분의 작업에서는 인쇄 장치의 색상을 전송하고 화면 교정을 구성하는 데 적합하지 않습니다. 그 이유는 화이트 포인트 6500K와 감마 2.2를 사용하기 때문입니다. 인쇄 시 색상 관리 표준은 5000K의 흰색 점으로 간주되며 감마 2.2는 기존 오프셋 인쇄의 도트 게인 곡선과 일치하지 않습니다. 또한 Adobe-RGB 색역은 기본적으로 오프셋 인쇄로 생성되는 풍부한 파란색을 차단합니다.

ECI-RGB가 훨씬 더 나은 옵션입니다. 표준화된 모든 인쇄 방식을 고려하여 만들어졌으며, RGB 시스템에서 재현할 수 없는 색상을 제외하고, 마지막으로 ECI-RGB는 색온도 5000K, 감마 1.8의 화이트 포인트를 사용합니다. 즉, 일반적으로 허용되는 인쇄 조건 및 인쇄 제어를 더 잘 준수합니다. 이 공간은 하드웨어 독립 시스템을 위한 탁월한 기반입니다. 대부분의 RGB 장치를 포함하고 인쇄 표준을 준수합니다. 분명히 말하면 ECI-RGB는 sRGB(및 Adobe-RGB)가 생성할 수 있는 매우 풍부한 파란색 색상을 재현할 수 없지만 이러한 색상도 어떤 인쇄 장치에서도 재현할 수 없습니다.

Adobe-RGB가 지배적인 사진 이미지 작업을 예로 들면 몇 가지 흥미로운 점을 지적할 수 있습니다. 한편, Adobe-RGB는 전문 디지털 카메라의 표준 작업 공간이자 사진 아티스트의 주요 도구인 Adobe Photoshop에 사전 설치된 시스템입니다. 반면, ICC 표준은 D50 백색점을 사용하며, 대다수의 뷰잉 스테이션과 플래시 장치도 5000K의 색온도를 백색점으로 사용합니다. 사진 자체는 프로세스의 시작일 뿐이며 대부분의 사진은 결국 인쇄되며 인쇄 프로세스는 다시 백색점 5000K 및 감마 1.8에 더 적합합니다. 따라서 적절한 색 공간(ECI-RGB)을 사용하면 최고 품질의 결과를 얻고 일반적인 문제를 제거하는 데 도움이 됩니다. 특히 대부분의 RAW 변환기 프로그램은 ECI-RGB 공간을 표준으로 지원하기 때문입니다. 놀랍게도 모든 Adobe-RGB 색상을 재현할 수 있는 포토 프린터(전용 12색 모델 포함)는 없지만 이 시스템은 앞서 살펴본 것처럼 이러한 장치에서 사용할 수 있는 파란색 톤을 차단합니다. 이 상황에서 ECI-RGB는 인쇄 시스템의 색 공간에 대한 더 나은 적용 범위를 제공하는 것으로 나타났습니다.

"교정"과 교정의 차이점

모니터 보정 및 프로파일링의 정확성은 색역에 포함된 색상 표시의 정확성과 색역을 넘어서는 색상의 모방을 직접적으로 결정합니다. 시장에는 모니터 보정을 위해 설계된 많은 장치가 있으며, 그 중 일부는 매우 강력하고 정확한 솔루션, 결과의 품질은 모니터 자체를 제어하는 ​​능력에 따라 달라집니다. 가장 일반적인 경우는 모니터 자체가 보정되지 않았지만 측정 장치(색도계 또는 분광 광도계)를 사용하여 비디오 카드의 색상 일치 테이블이 변경되는 경우입니다. 이 경우 프로필 생성 중너무 많은 변경을 하게 되어 연색성에 부정적인 영향을 줍니다. 예를 들어, 흰색 모니터의 시작점이 7000K이고 감마가 2.2인 경우 이러한 모니터를 인쇄 요구 사항에 맞게 가져오면(흰색 점을 2000K, 감마를 0.4로 줄임) 최대 손실이 발생합니다. 채널당 최대 40개 그라데이션. 이는 모니터로 작업할 때 눈에 띄게 나타나며 이러한 장치는 전문적인 컬러 작업에 사용하는 것이 좋습니다. 모니터에 색상 채널에 따라 밝기를 변경할 수 있는 기능이 있는 경우 일반적으로 변경 범위는 100단계로 제한되며 이는 정확한 설정에 충분하지 않습니다. 프로필을 통해 뭔가가 보상되지만 모니터의 감마를 조정할 수 없기 때문에 다시 계산할 때 채널당 최대 19계조의 손실이 발생합니다. 감마 조정이 가능한 경우 50% 회색에만 해당됩니다. 더 나은 결과를 얻으려면 색상 중심 모니터에는 표준을 준수하는 미리 설정된 감마 값이 있어야 합니다. 그러나 최적의 옵션은 그래픽 어댑터의 원래 LUT 값을 유지하면서 모니터 자체의 LUT(Look-Up Table)에 대한 하드웨어 보정 가능성입니다. 하드웨어 보정이 가능한 전문 모니터는 최대 14비트의 정확도로 내부 LUT 조정을 제공합니다. 즉, 일반 모니터처럼 256계조가 아니라 16,384계조를 가지므로 실제로 연색 부정확성을 제거합니다.

어떻게 증명할 수 있나요?

모니터가 보정되고, 시스템이 구성되고, 모든 프로필이 연결되었지만 클라이언트는 여전히 불만족스럽거나 모든 것이 실제로 올바른지 확신할 수 없습니다. 보기 조건(올바른 주변 조명, 시야에 밝거나 어두운 점이 없는 등 독자가 잘 알고 있을 것임)을 적절하게 구성하는 것 이외의 방법은 다음에 따라 모니터를 인증하는 것일 수 있습니다. UGRA와 같이 일반적으로 허용되는 표준입니다. 일부 전문 솔루션을 사용하면 이를 수행할 수 있습니다. 이 작업은 전체 동적 범위와 색상 세트(이 경우 UGRA/FOGRA 미디어 웨지 세트)에 대한 그레이 밸런스 측정을 기반으로 합니다. 최대 색상 편차와 평균 편차를 나타내는 결과는 PDF 형식그리고 그 정확성을 보장합니다. 이는 그러한 서비스를 제공하는 인쇄소 또는 인쇄 인쇄 부서의 서비스를 선택하는 데 유리한 추가 주장이 될 수 있습니다.

불행하게도 기사가 너무 길어서 더 이상 논의할 수 없습니다. 흥미로운 질문, 일반적인 색상 렌더링 및 특히 색상 작업을 위한 도구로서의 모니터에 관한 것입니다. 인쇄의 현재 상태와 시장 동향은 생산의 모든 측면에 새로운 요구를 제기합니다. 오늘날 전문 모니터는 단순한 장치가 아니라 문제 해결을 위한 접근 방식입니다. 이러한 모니터의 개발은 다년간의 경험과 진지한 연구를 기반으로 하여 양산 제품과 구별됩니다. 물론 장치 가격이 결정적인 요소가 되는 경우도 있지만 여기의 모든 것이 많은 사람들이 생각하는 것만큼 우울하지는 않습니다. 새로운 개발자의 맹공격은 이미 고급 솔루션이 필연적으로 더 저렴해지고 기능을 희생하지 않고도 더 저렴한 구성으로 점점 더 많은 모델이 등장하고 있다는 사실로 이어지고 있습니다. 이러한 긍정적인 경향은 인쇄 작업에 적합한 전문 모니터 구입을 선호하는 또 다른 이유입니다. 이를 통해 화면에서 색상을 있는 그대로 볼 수 있습니다.

스마트폰 및 태블릿 화면을 테스트하는 방법은 비교적 간단한 네 가지 테스트로 구성됩니다.

• 흑백 필드의 최대 밝기를 측정하고 얻은 값을 기반으로 대비를 계산합니다.
• 색 영역 및 백색점 결정;
• 색온도 측정;
• 삼원색(빨간색, 녹색, 파란색)과 회색을 사용한 디스플레이 감마 측정.

이러한 각 테스트의 결과는 화면의 개별 기능을 특성화하므로 디스플레이 품질을 최종 평가할 때 네 가지 테스트를 모두 한 번에 수행해야 하며, 개별적으로 수행해서는 안 됩니다.

각 매개변수를 결정하기 위해 X-Rite i1Display Pro 색도계와 Argyll CMS 소프트웨어 패키지가 사용됩니다. 이 자료에서는 각 테스트에 대해 설명하고, 수신된 그래프를 읽고 이해하는 방법도 설명합니다. 자, 가자!

⇡ 흑백 필드의 최대 밝기 결정 및 정적 대비 계산

언뜻 보면 이 테스트가 가장 간단한 것 같습니다. 흰색의 밝기를 측정하기 위해 화면에 완전히 흰색인 그림을 표시하고 색도계를 사용하여 밝기를 측정합니다. 그 결과 값을 흰색 필드의 밝기라고 합니다. 그리고 검은색의 밝기를 측정하기 위해 완전히 검은색 사진으로 동일한 작업을 수행합니다. 흰색 필드와 검정색 필드의 밝기는 cd/m2(평방 미터당 칸델라)로 측정됩니다. 대비가 훨씬 더 쉽습니다. 흰색 필드의 밝기를 검정색의 밝기로 나누어 원하는 값을 얻습니다. 거의 이상적인 스마트폰이나 태블릿 화면의 정적 명암비는 1000:1이지만 700:1 이상의 결과도 훌륭하다고 할 수 있습니다.

불행하게도 이 테스트는 외관상 단순하다고만 할 수 있습니다. 최근 몇 년 동안 스마트폰 제조업체는 TV 제조업체와 동일한 경로를 따랐습니다. 즉, 장치의 펌웨어에 다양한 이미지 "인핸서"를 추가하기 시작했습니다. 이는 놀라운 일이 아니지만 오히려 논리적입니다. 왜냐하면 거의 모든 대형 스마트폰 제조업체가 TV 및/또는 모니터를 개발하고 있기 때문입니다.

액정 디스플레이(OLED는 정반대임)의 경우 이러한 "개선 장치"는 일반적으로 다음과 같이 작동합니다. 디스플레이에 밝은 점이 적을수록 백라이트 밝기가 낮아집니다. 이는 첫째, 이 색상이 많이 포함된 이미지에 더 큰 검정색 깊이를 제공하기 위해 수행되었습니다. 둘째, 전기를 낭비하지 않기 위해 이미지가 대부분 어두우면 백라이트를 최대한 비출 필요가 없습니다. 밝기를 낮추는 것이 논리적입니다.

문제는 이것이 실제 대비를 향상시키지 못한다는 것입니다. "인핸서"를 사용할 때 어두운 이미지의 밝은 영역도 조금 더 어두워지므로 흰색과 검정색의 밝기 비율은 기껏해야 다음과 동일하게 유지됩니다. 전체 백라이트. 즉, 동적 백라이트 최적화 기능이 탑재된 디스플레이에서 위에서 설명한 대로 흰색 필드와 검정색 필드의 광도를 측정한 다음 간단히 서로 나누면 실제 대비 값이 아니라 다소 추상적인 값을 얻게 됩니다. 수치. 대부분의 경우 매우 유혹적이지만(예: 1500:1) 실제 대비와는 아무런 관련이 없습니다.

이 문제를 해결하기 위해 우리는 완전히 흑백인 이미지에서 벗어나 50% 흰색과 50% 검은색 이미지를 선호했습니다. 우리는 두 장의 사진 (아래 그림에서 각각 50-50과 50-50-2)을 가지고 있으며 디스플레이 상단과 하단 모두에서 흰색과 검정색 필드의 휘도 값과 대비를 측정합니다. 이 숫자를 나눈 후 계산된 값을 평균화합니다.

완전한 세트 테스트 이미지 LCD 디스플레이의 특성을 측정하기 위한

최적화를 수행하면 다른 화면 매개변수(색온도 및 감마) 측정에 상당한 양의 오류가 발생합니다. 따라서 보다 정확한 결과를 얻기 위해 이 테스트에서는 색상으로 완전히 채워진 그림을 사용하지 않고 화면 영역의 약 50%를 차지하는 사각형을 사용합니다. 이 경우 배경은 흰색이나 검정색으로 채워져 디스플레이의 밝은 점과 어두운 점의 비율이 모든 테스트 이미지에 대해 더 균일해지고 백라이트를 동적으로 조정하면 결과에 왜곡이 최소화됩니다.

이 접근 방식을 사용하면 획득된 대비 값 및 기타 디스플레이 매개변수의 현실성을 높일 수 있습니다.

⇡ 색역 측정

우리의 눈은 수많은 색상, 색조, 중간색 및 음영을 인식할 수 있습니다. 다음은 가장 현대적인 디스플레이입니다. 모바일 장치- "형제"처럼 TV 화면 및 모니터는 아직 이러한 다양한 색상을 모두 재현할 수 없습니다. 현대 디스플레이의 색 영역은 사람의 눈에 보이는 스펙트럼 부분보다 훨씬 열등합니다.

아래 그래프는 스펙트럼의 가시(광학) 영역, 즉 "인간 눈의 색 영역"의 대략적인 범위를 보여줍니다. 흰색 삼각형은 1996년에 Microsoft와 HP가 모니터, 프린터 등 색상 작업과 관련된 모든 컴퓨터 장비의 표준 색 공간으로 정의한 sRGB 색 공간을 강조합니다.

전체 광학 스펙트럼에 비해 sRGB 색 영역은 그다지 크지 않습니다. 그리고 전자기 복사의 전체 스펙트럼(그래프에는 표시되지 않음)과 비교하면 이는 모래상자 속의 모래알에 불과합니다.

솔직히 말해서 색상 작업을 할 때 모든 것이 단순하지 않고 극도로 혼란스러우며 우리가 원하는 만큼 표준화되지도 않습니다. 그러나 상당한 관례가 있음에도 불구하고 대부분의 디지털 이미지는 sRGB 색 공간을 사용하도록 설계되었다고 말할 수 있습니다.

이에 따른 결과는 다음과 같습니다. 이상적으로는 디스플레이의 색 영역이 sRGB 색 공간과 일치해야 합니다. 그러면 제작자가 의도한 대로 정확하게 이미지를 볼 수 있습니다. 디스플레이의 색역이 더 작으면 색상의 채도가 떨어집니다. 더 많으면 필요 이상으로 포화됩니다. 색상이 과포화되어 있는 "만화" 그림은 일반적으로 더 우아해 보이지만 항상 적합한 것은 아닙니다.

좋은 색재현율 값은 90~110% sRGB의 값으로 간주될 수 있습니다. 색재현율이 이미 90%인 디스플레이는 너무 흐린 이미지를 생성합니다. 더 넓은 색 영역을 갖춘 화면은 색상을 상당히 과포화시키고 사진을 지나치게 다채롭게 만들 수 있습니다.

이러한 디스플레이 설정은 색 영역 삼각형이 sRGB 영역에 가깝지만 크게 왜곡된 경우에도 그다지 성공적이지 않은 것으로 간주되어야 합니다. 즉, 표준에서 제공하는 색상 대신 디스플레이에서 상당히 다른 색상을 볼 수 있습니다. 그것으로부터. 예를 들어 녹색 대신 올리브를, 진한 빨간색 대신 당근을 사용합니다.

색 영역을 결정하는 이미지 세트

또한 색역을 측정할 때 흰점의 좌표를 찾아 그래프에 표시합니다. 이에 대해서는 다음 섹션에서 더 자세히 설명하겠습니다.

⇡ 색온도 결정

흰색의 이상적인 색온도는 6500켈빈입니다. 이는 햇빛의 색온도가 특징이기 때문입니다. 즉, 이 흰색은 인간의 눈에 가장 자연스럽고 친숙한 색상이다. 흰색의 따뜻한 색조는 온도가 6500K 미만(예: 6000K)입니다. 더 차가운 색조의 온도는 8000K 또는 10000K 등으로 더 높습니다.

어느 방향으로든 편차는 원칙적으로 바람직하지 않습니다. 색온도가 낮을수록 장치 화면의 이미지가 붉은색이나 노란색을 띕니다. 더 높은 레벨에서는 파란색과 파란색 톤으로 들어갑니다. 또한 디스플레이의 흰색 점은 원칙적으로 흰색을 결정하는 플랑크 곡선에 속하지 않을 수 있다는 점도 명심해야 합니다. 이러한 디스플레이에서 흰색은 완전히 바람직하지 않은 녹색(초기 AMOLED 디스플레이의 매우 특징적인 단점) 또는 보라색 색조를 띕니다.

이상적으로는 기본적으로 동일한 흰색이지만 밝기가 더 낮은 모든 회색 음영은 동일한 색온도와 색좌표를 가져야 합니다. 사소한 한계 내에서 다르다면 아무런 문제가 없습니다. 그라데이션에서 그라데이션으로 급격하게 변경되면 이러한 디스플레이에서 흑백 이미지의 서로 다른 영역이 서로 다른 음영을 얻고 일반적으로 약간 "무지개색"으로 나타납니다. 이것은 별로 좋지 않습니다.

색온도 측정에 사용되는 테스트 이미지

순백색의 10, 20, 30… 100% 계조에 대한 색온도를 측정합니다. 결과는 다음과 같은 그래프입니다.

⇡ 삼원색(적색, 녹색, 청색)과 회색을 이용한 디스플레이 감마 측정

깊은 이론을 다루지 않고도 감마 곡선 그래프는 들어오는 신호와 모니터에 표시되는 측정된 신호의 비율이라고 할 수 있습니다.

감마 측정을 위한 이미지 세트

불행하게도 완벽한 디스플레이는 없기 때문에 화면의 모든 색상은 LCD 매트릭스에 의해 발생한 오류와 함께 표시됩니다. 우리가 측정할 것은 바로 이 오류입니다. 측정값이 "진공에서 구형"이 되지 않도록 모든 감마 곡선 그래프에는 검은색으로 그려진 참조 곡선이 포함되어 있습니다. 표준 감마는 2.2이며 sRGB 및 Adobe RGB 색상 공간에서 사용됩니다.

예제 그래프는 우리가 얻은 곡선이 항상 표준 곡선과 일치하지 않는다는 것을 보여줍니다. 감마 곡선이 참조 곡선 아래로 지나간다면 이는 해당 디스플레이의 하프톤이 빛을 덜 받고 원하는 것보다 더 어둡게 보인다는 것을 의미합니다. 이 경우 이미지의 어두운 부분이 특히 손상될 수 있으며 세부 사항이 손실됩니다. 곡선이 기준 곡선보다 높아지면 중간색이 과다 노출되고 이미지의 밝은 부분의 세부 묘사가 손실됩니다.

S자형 감마 곡선과 Z자형 감마 곡선도 있습니다. 첫 번째 경우 이미지의 대비가 더 뚜렷해지고 밝은 부분과 어두운 부분 모두에서 세부 정보가 손실됩니다. 두 번째 경우에는 세부적인 측면에서는 이점이 있지만 대비가 과소평가됩니다. 감마 불일치의 모든 경우는 그 자체로 나쁩니다. 그 이유는 화면의 그림이 원본과 비교하여 변경되기 때문입니다.

⇡ 결론

구별하기 위해서는 좋은 화면나쁜 점은 모든 차트와 그래프를 한 번에 살펴봐야 한다는 것입니다. 여기서는 한두 개만으로는 충분하지 않습니다.

흰색 밝기를 사용하면 모든 것이 간단합니다. 밝기가 높을수록 디스플레이가 더 밝아집니다. 250cd/m2 수준의 밝기는 정상으로 간주할 수 있으며 위의 값은 모두 양호합니다. 흑색 물질의 밝기는 그 반대입니다. 밝기가 낮을수록 좋습니다. 대비에 관해서는 흰색 밝기와 거의 동일하다고 말할 수 있습니다. 정적 대비 값이 높을수록 디스플레이가 더 좋아집니다. 700:1 정도의 값은 좋다고 볼 수 있고, 1000:1 정도의 값은 정말 좋습니다. AMOLED 및 OLED 화면에는 블랙라이트가 거의 없습니다. 우리 장치에서는 그러한 작은 값을 측정할 수 없습니다. 따라서 우리는 그들의 대비가 거의 무한하다고 생각하지만 실제로는 더 정확한 장치를 갖추면 100,000,000:1과 같은 값을 얻을 수 있습니다.

색 영역을 사용하면 상황이 좀 더 복잡해집니다. 여기서는 "많을수록 좋다"는 원칙이 더 이상 적용되지 않습니다. 색 영역 삼각형이 sRGB 색 공간과 얼마나 잘 일치하는지에 초점을 맞춰야 합니다. 이런 의미에서 완전히 이상적인 디스플레이는 모바일 장치에서는 사실상 찾아볼 수 없습니다. 최적의 커버리지는 sRGB의 90~110%를 차지하는 커버리지라고 볼 수 있으며, 삼각형 모양은 sRGB에 가까운 것이 매우 바람직합니다. 색 영역 그래프에서 흰색 점의 위치를 ​​살펴보는 것도 좋습니다. D65 기준점에 가까울수록 디스플레이의 화이트 밸런스가 좋아집니다.

화이트 밸런스의 또 다른 척도는 색온도입니다. 우수한 모니터의 경우 포화 흰색이 6,500K이며 다양한 회색 음영에서도 거의 변하지 않습니다. 온도가 낮으면 화면의 이미지가 "노란색"으로 변합니다. 더 높으면 "파란색"입니다.

감마 곡선을 사용하면 훨씬 더 간단합니다. 측정된 곡선이 그래프에 검정색으로 그리는 기준 곡선에 가까울수록 디스플레이 매트릭스가 이미지에 발생하는 오류가 줄어듭니다. 우리는 이 모든 것을 그렇게 빨리 기억하는 것이 쉽지 않다는 것을 잘 알고 있습니다. 따라서 향후 리뷰에서 이 자료를 참조하겠습니다. 따라서 우리가 제공하는 차트를 읽는 방법에 대한 정보는 항상 귀하의 손끝에 있습니다.

웹킷 블로그에서.

지난 몇 년간 디스플레이 기술은 상당한 발전을 이루었습니다. 이는 처음에는 모바일 장치에서 시작하여 모바일 장치로 옮겨가는 고해상도 화면으로의 업그레이드였습니다. 데스크톱 컴퓨터그리고 노트북. 웹 개발자는 높은 DPI 값이 자신에게 무엇을 의미하는지 이해하고 그러한 높은 해상도를 사용하는 페이지를 디자인하는 방법을 알아야 했습니다. 디스플레이의 차세대 혁명적인 개선이 바로 지금 일어나고 있습니다. 바로 향상된 색 재현입니다. 이 기사에서는 이것이 무엇을 의미하는지, 개발자로서 어떻게 이러한 디스플레이를 식별하고 사용자에게 더 나은 경험을 제공할 수 있는지 설명하고 싶습니다.

10년 넘게 사용해 온 일반적인 컴퓨터 모니터인 sRGB 디스플레이를 예로 들어보겠습니다. 다음을 포함한 Apple의 최신 개발 레티나 아이맥(2015년 말) 및 iPad Pro(2016년 초)는 sRGB 디스플레이보다 더 많은 색상을 표시할 수 있습니다. 이러한 디스플레이를 광역 디스플레이라고 합니다("sRGB" 및 "색역"이라는 용어는 아래에 설명되어 있음).

이것이 왜 유용한가요? 넓은 색 영역 시스템은 원래 색상을 보다 정확하게 재현하는 경우가 많습니다. 예를 들어 내 동료의 이름은 다음과 같습니다. 호버화려한 운동화가 있어요.

호버의 밝은 오렌지색 스니커즈

불행하게도, 위에 보이는 것만으로는 이 운동화가 실제로 얼마나 인상적인지 전달하지 못합니다! 문제는 운동화 소재의 색상을 sRGB 디스플레이에서 표현할 수 없다는 점이다. 이 사진을 촬영한 카메라(Sony a6300)에는 색상정보를 보다 정확하게 인식하는 센서가 탑재되어 있으며, 해당 데이터는 원본 파일, 그러나 디스플레이에는 표시되지 않습니다. 다음은 일반적인 디스플레이 경계 외부의 색상을 가진 모든 픽셀이 연한 파란색으로 대체된 사진 버전입니다.

동일한 밝은 주황색 Hober 운동화이지만 여기서는 색 영역을 넘어서는 모든 픽셀이 파란색으로 대체됩니다.

보시다시피 운동화 재질과 잔디의 색상은 sRGB 디스플레이를 넘어 확장됩니다. 실제로 색상이 정확하게 표현되는 픽셀은 절반 미만입니다. 웹 개발자라면 이 점을 고려해야 합니다. 온라인 상점을 통해 이 운동화를 판매한다고 상상해 보세요. 고객은 자신이 주문한 색상이 무엇인지 정확히 알 수 없으며 구매한 제품이 도착하면 놀랄 수도 있습니다.

넓은 색 영역 디스플레이를 사용하면 이 문제가 줄어듭니다. 위에서 언급했거나 유사한 장치 중 하나가 있는 경우 더 많은 색상을 표시하는 사진 옵션은 다음과 같습니다.

동일한 밝은 오렌지색 Hober 스니커즈에 색상 프로필이 추가됨

넓은 영역의 디스플레이에서는 운동화가 더 밝은 주황색으로 표시되고 녹색 잔디의 색상도 더욱 다양해집니다. 안타깝게도 그러한 디스플레이가 없다면 첫 번째 사진과 색상이 매우 가까운 것을 볼 가능성이 높습니다. 이 경우 제가 제안할 수 있는 최선의 방법은 이미지에 색상을 지정하여 색상이 부족한 부분을 강조하는 것입니다.

아무튼 좋은 소식이네요! 넓은 색 영역을 갖춘 디스플레이는 더 밝고 현실을 더 정확하게 표현합니다. 분명히 기술의 이점을 누릴 수 있는 이미징을 사용자에게 제공할 수 있기를 바랍니다.

아래는 생성된 이미지를 사용한 다음 예입니다. sRGB 디스플레이 사용자는 하단에 균일하게 색상이 지정된 빨간색 사각형이 표시됩니다. 그러나 이것은 다소 트릭입니다. 실제로 이미지에는 두 가지 빨간색 음영이 표시되며 그 중 하나는 넓은 범위의 디스플레이에서만 볼 수 있습니다. 이 디스플레이에서는 빨간색 사각형 안에 희미한 WebKit 로고가 표시됩니다.

희미한 WebKit 로고가 있는 빨간색 사각형

때로는 일반 이미지와 넓은 영역의 이미지 사이의 차이가 매우 미묘할 수도 있습니다. 때로는 훨씬 더 날카롭게 표현되기도 합니다.

WebKit은 이러한 기능이 가치 있다고 확신할 때 이러한 기능을 구현하기를 희망합니다.

HTML의 넓은 색 영역

해결책으로 캔버스 색상을 설정해야 하는 색상 공간을 지정하는 선택적 플래그를 getContext 함수에 추가하는 것이 제안됩니다. 예를 들어:
// 참고: 제안된 구문입니다. 아직 구현되지 않았습니다. canvas.getContext("2d", ( colorSpace: "p3" ));
여기에는 색 농도가 증가된 캔버스를 만드는 방법과 같은 몇 가지 고려해야 할 사항이 있습니다. 예를 들어 WebGL에서는 초당 16비트의 정확도를 제공하는 반부동 텍스처를 사용할 수 있습니다. 컬러 채널. 그러나 이러한 더 깊은 텍스처가 WebGL에서 사용되더라도 해당 WebGL 이미지를 문서에 포함할 때 정밀도는 8비트로 제한됩니다.

개발자에게 캔버스 요소의 색상 버퍼 깊이를 설정하는 방법을 제공해야 합니다.

이는 getImageData/putImageData 함수(또는 WebGL에 해당하는 readPixels)를 결합하여 더 복잡한 방식으로 달성됩니다. 오늘날의 채널당 8비트 버퍼를 사용하면 캔버스에 입력하고 출력할 때 정밀도가 손실되지 않습니다. 캔버스와 프로그램 데이터가 동일한 유형이므로 변환은 성능과 메모리 측면에서 효율적으로 발생할 수도 있습니다. 색 농도가 다르면 더 이상 불가능할 수 있습니다. 예를 들어, WebGL의 반부동 버퍼에는 JavaScript와 동등한 유형이 없습니다. 즉, 읽거나 쓸 때 일부 데이터 변환이 강제로 수행될 뿐만 아니라 저장할 때 추가 메모리를 사용하거나 작업해야 함을 의미합니다. 원래 배열 버퍼를 삭제하고 비트 마스크를 사용하여 번거로운 수학 연산을 수행합니다.

이러한 논의는 현재 WhatWG 사이트에서 진행 중이며 곧 W3C에서도 계속될 예정입니다. 그리고 다시 한 번 여러분의 참여를 초대합니다.

결론

WebKit 소프트웨어는 개발자에게 색상 일치 및 색역 감지를 통해 색상 성능을 향상시킬 수 있는 더 큰 능력을 제공합니다. 현재 Safari Technology Preview에서 사용할 수 있습니다. 맥OS 시에라그리고 iOS 10 베타. 우리는 또한 CSS에서 넓은 색 영역을 지정하고, 캔버스 요소에 프로필을 도입하고, 향상된 색 심도를 사용하는 등 고급 색상 특성을 구현하는 데 관심이 있습니다.

SRGB 태그 추가