피그마 피디아
home
피그마 실무Q&A
home

피그마에서 P3 color 사용 법

글 작성일
2025/07/22
링크
질문 카테고리
기초 인터페이스
소소한 꿀팁
1 more property
안녕하세요! 오늘은 P3 color에 대한 정보 전달드립니다!
P3 color가 뭔가요?
P3 color는 디스플레이 P3(Display P3)라고도 불리는 색 공간(color space)입니다.
P3 color를 쓰면 뭐가 좋나요?
sRGB보다 더 넓은 색 영역을 표현할 수 있어(약 25% 더 풍부) 더 리치한 색감과 생생한 디자인 표현이 가능합니다.
피그마에서는 어떻게 P3 color를 사용하나요?
피그마에서는 이미 P3를 지원하고 있어, 파일 생성 후 컬러 프로필을 P3로 바꿔주면 됩니다. 개발자 모드에서 코드를 보면 P3와 sRGB 대체 값 코드를 모두 제공해줍니다. (처음 파일 생성 시 기본값은 sRGB)
P3 color 유의할 점
P3 컬러를 모든 브라우저에 지원하지 않기 때문에 사용 시 꼭 지원 브라우저를 확인해야합니다. (완전 호환이 필요하다면 sRGB만 쓰는 것이 가장 안전해요!) 이미 P3로 작업 했다면, sRGB 환경에선 색이 흐리게 보일 수 있습니다!