색상 공간 설명

HEX, RGB, HSL, HSV, CMYK, LAB 및 XYZ에 대한 실용적인 가이드 - 웹, 인쇄 및 디자인 워크플로에 각 공간을 언제 사용해야 하는지 알려줍니다.

FAQ

CSS에는 어떤 색상 공간을 사용해야 합니까?: HEX와 RGB가 표준입니다. 최신 CSS는 지각적으로 더 나은 그라데이션과 테마를 위해 oklch() 및 lab()도 지원합니다.

다양한 색상 공간은 동일한 인식 색상을 다양한 방식으로 나타냅니다. 올바른 공간을 선택하면 보간, 접근성 확인, CSS, 인쇄 또는 디자인 도구로 내보내기가 영향을 받습니다.

웹 개발자는 일반적으로 sRGB(HEX/RGB/HSL)에서 작업하는 반면 인쇄 작업 흐름에는 CMYK가 필요할 수 있으며 고급 디자인 도구는 지각적으로 균일한 조정을 위해 LAB를 사용할 수 있습니다.

HEX는 CSS(#RRGGBB)에서 작고 친숙합니다. RGB는 화면 채널에 직접 매핑됩니다. HSL은 색조, 채도, 밝기를 분리하므로 테마를 조정하고 색조와 음영을 생성하는 데 유용합니다.

API 및 디자인 토큰에는 HEX/RGB를 사용합니다. 색상을 안정적으로 유지하면서 브랜드 색상을 밝거나 어둡게 해야 하는 경우 HSL을 사용하세요.

CMYK는 감산 인쇄 잉크를 모델로 합니다. 화면과 프린터의 색상 영역이 다르기 때문에 RGB를 CMYK로 변환하는 것은 대략적인 것입니다.

LAB 및 XYZ는 장치 독립적입니다. LAB는 지각적으로 균일한 그라데이션 및 접근성 관련 휘도 계산에 특히 유용합니다.

HEX, RGB, HSL, HSV, CMYK, LAB 및 XYZ에 대한 실용적인 가이드 - 웹, 인쇄 및 디자인 워크플로에 각 공간을 언제 사용해야 하는지 알려줍니다.

CSS에는 어떤 색상 공간을 사용해야 합니까?: HEX와 RGB가 표준입니다. 최신 CSS는 지각적으로 더 나은 그라데이션과 테마를 위해 oklch() 및 lab()도 지원합니다.

API 및 디자인 토큰에는 HEX/RGB를 사용합니다. 색상을 안정적으로 유지하면서 브랜드 색상을 밝거나 어둡게 해야 하는 경우 HSL을 사용하세요.

CMYK는 감산 인쇄 잉크를 모델로 합니다. 화면과 프린터의 색상 영역이 다르기 때문에 RGB를 CMYK로 변환하는 것은 대략적인 것입니다.

LAB 및 XYZ는 장치 독립적입니다. LAB는 지각적으로 균일한 그라데이션 및 접근성 관련 휘도 계산에 특히 유용합니다.