technology 2025-05-01 · 6 min read

색 공간 이해하기: sRGB가 중요한 이유

sRGB, Adobe RGB, Display P3의 차이점. 색 공간이 다양한 기기와 브라우저에서 이미지에 어떻게 영향을 미치는지.

# 색 공간 이해하기: 왜 sRGB가 여전히 중요한가 색 공간은 색상을 위한 언어와 같습니다. 잘못된 것을 사용하면, 생생한 일몰 사진이 다른 사람의 화면에서는 퇴색해 보일 수 있습니다. ## 세 가지 주요 색 공간 ### sRGB (1996) - **커버리지**: 가시 색상의 ~35% - **장치**: 모든 모니터, 휴대폰, 프린터 - **가장 적합한 용도**: 웹, 공유, 일반 사용 - **승리 이유**: 보편적인 호환성 ### Display P3 (2015) - **커버리지**: 가시 색상의 ~50% - **장치**: iPhone X+, 최신 Mac, 고급 Android - **가장 적합한 용도**: 사진, 비디오 - **중요성**: sRGB보다 25% 더 많은 색상 ### Rec. 2020 - **커버리지**: 가시 색상의 ~75% - **장치**: 4K HDR TV - **가장 적합한 용도**: 전문 비디오 - **현실**: 아직 완전히 표시할 수 있는 디스플레이 없음 ## 웹 문제 대부분의 브라우저는 sRGB를 가정합니다. 변환 없이 P3 이미지를 업로드하면: - Safari: P3를 올바르게 표시(P3 디스플레이에서) - Chrome/Firefox: sRGB로 클램프할 수 있음 - 결과: 브라우저 간 색상 불일치 ## 모범 사례 1. **웹용**: 업로드 전 sRGB로 변환 2. **사진용**: P3 마스터 유지, 웹용 sRGB 낳기 3. **비디오용**: Rec.709(HD) 또는 Rec.2020(HDR) 사용 ## 확인 방법 [색상 팔레트 도구](/ko/color-palette/)는 이미지의 정확한 색상을 보여줍니다. sRGB 색역 밖의 색상이 보이면 웹 사용 전 변환을 고려하세요. --- *[색상 팔레트 추출기](/ko/color-palette/)로 이미지 색상을 분석하세요.*
#색 #srgb #디자인 #이론

묣으로 이미지 처리, 업로드 없음

압축, 변환, 크기 조정 도구를 사용해 보세요.

도구 보기