Color Models

Display P3

Apple이 개발한 와이드 색역 색 공간으로, sRGB보다 약 25% 더 많은 색을 표현할 수 있으며 최신 디스플레이에서 사용됨.

Display P3 is based on the DCI-P3 cinema standard and was adopted by Apple starting with the iMac in 2015. It covers a significantly larger range of colors than sRGB, particularly in the red and green regions, enabling more vivid and lifelike imagery. CSS Color Level 4 supports Display P3 via the color() function, and modern browsers can render P3 colors on compatible displays. When designing for the web, it is best practice to provide both sRGB fallbacks and P3-enhanced colors for users with wide-gamut displays.

직접 해보기

색상 변환기

HEX, RGB, HSL, HSV, CMYK, OKLCH 색상 형식 간에 즉시 변환합니다.

관련 글

지각 색상 공간: Lab, LCH, Oklab, OKLCH

CIE Lab, LCH, Oklab, OKLCH 등 지각적으로 균일한 색상 공간을 탐색해 보세요. 각 디자인이 어떻게 설계되었는지, 어디에 뛰어난지, CSS 및 디자인 작업에 어떤 것이 사용되는지 알아보세요.

색역 설명: sRGB, P3 및 Rec. 2020

색 영역 이해(sRGB, 디스플레이 P3 및 Rec.) 2020—그리고 최신 디스플레이에 @media(color-gamut)와 함께 CSS 광역 색상을 사용하는 방법을 알아보세요. 실제 사례가 포함되어 있습니다.

색 영역이란 무엇입니까? 당신이 알아야 할 모든 것

색 영역(색상 영역)을 이해합니다. 즉, 장치가 표시하거나 인쇄할 수 있는 색상 범위입니다. sRGB, 디스플레이 P3 및 Rec.를 비교합니다. 웹 및 인쇄 디자인을 위한 2020 범위.

OKLCH 이해: CSS 색상의 미래

OKLCH는 지각적 균일성과 넓은 영역 지원을 제공하는 최신 CSS 색상 형식입니다. 작동 방식, HSL보다 뛰어난 이유, 지금 사용하는 방법을 알아보세요.

sRGB vs Display P3: 와이드 색역 색상 완벽 설명

sRGB vs Display P3: 색역이 무엇인지, P3가 sRGB보다 25% 더 넓은 이유, CSS color(display-p3) 사용법, 와이드 색역을 지원하는 기기를 알아보세요.

SwiftUI 색상 시스템: 적응형 컬러 팔레트 구축

SwiftUI에서 적응형 컬러 팔레트를 구축하세요. Color와 UIColor의 차이, 에셋 카탈로그 색상, 동적 다크 모드 색상, 접근성 색상 패턴을 배워보세요.