색상 공간 설명
HEX, RGB, HSL, HSV, CMYK, LAB 및 XYZ에 대한 실용적인 가이드 - 웹, 인쇄 및 디자인 워크플로에 각 공간을 언제 사용해야 하는지 알려줍니다.
FAQ
- CSS에는 어떤 색상 공간을 사용해야 합니까?
- HEX와 RGB가 표준입니다. 최신 CSS는 지각적으로 더 나은 그라데이션과 테마를 위해 oklch() 및 lab()도 지원합니다.
색 공간이 중요한 이유
다양한 색상 공간은 동일한 인식 색상을 다양한 방식으로 나타냅니다. 올바른 공간을 선택하면 보간, 접근성 확인, CSS, 인쇄 또는 디자인 도구로 내보내기가 영향을 받습니다.
웹 개발자는 일반적으로 sRGB(HEX/RGB/HSL)에서 작업하는 반면 인쇄 작업 흐름에는 CMYK가 필요할 수 있으며 고급 디자인 도구는 지각적으로 균일한 조정을 위해 LAB를 사용할 수 있습니다.
HEX, RGB 및 HSL
HEX는 CSS(#RRGGBB)에서 작고 친숙합니다. RGB는 화면 채널에 직접 매핑됩니다. HSL은 색조, 채도, 밝기를 분리하므로 테마를 조정하고 색조와 음영을 생성하는 데 유용합니다.
API 및 디자인 토큰에는 HEX/RGB를 사용합니다. 색상을 안정적으로 유지하면서 브랜드 색상을 밝거나 어둡게 해야 하는 경우 HSL을 사용하세요.
CMYK, LAB 및 XYZ
CMYK는 감산 인쇄 잉크를 모델로 합니다. 화면과 프린터의 색상 영역이 다르기 때문에 RGB를 CMYK로 변환하는 것은 대략적인 것입니다.
LAB 및 XYZ는 장치 독립적입니다. LAB는 지각적으로 균일한 그라데이션 및 접근성 관련 휘도 계산에 특히 유용합니다.