HSL로 디자인한 팔레트가 종이에 올라가는 경우가 많지. 이 변환기는 네가 고른 hue, saturation, lightness를 받아 인쇄소에서 쓰는 네 가지 잉크 퍼센티지를 반환해.
HSL에서 CMYK로 어떻게 변환되는지
- HSL 삼중값을 0~255 사이의 RGB 채널로 변환해.
- 그 채널들을 255로 나눠 정규화해.
- 키 컴포넌트 K = 1 − max(R, G, B)를 계산해.
- 남은 채널들로부터 C, M, Y를 도출하고 네 값 모두를 백분율로 변환해.
작동 예시
HSL hsl(197, 100%, 45%)=CMYK cmyk(100%, 29%, 0%, 10%)
두 번의 변환이 연속으로 일어나므로 반올림이 두 번 발생하고, 색상 프로파일 없이는 CMYK가 근사값으로 남아. 인쇄 결과는 HSL 미리보기보다 약간 덜 선명할 걸 예상해.
HSL과(와) CMYK 설명
HSL이(가) 무엇인가요?
HSL은 색을 색상(색환상의 0–360°), 채도(얼마나 채색된지, 0–100%), 명도(밝기, 0–100%)로 나눕니다. 사람이 색을 설명하는 방식과 유사하기 때문에 HSL은 색조, 쉐이드, 일관된 팔레트를 수작업이나 코드로 만들 때 가장 다루기 쉽습니다.
- 구문:
- hsl(H, S%, L%)
- 범위:
- 0–360°, 0–100%, 0–100%
- 적합한 용도:
- 팔레트, 틴트와 쉐이드, 테마 작업
CMYK이(가) 무엇인가요?
CMYK는 인쇄에서 쓰이는 4색 잉크 모델로 시안, 마젠타, 옐로우, 블랙(key)을 각 0–100% 비율로 나타냅니다. 잉크는 빛을 흡수(감산)하므로 화면보다 재현 가능한 색 영역이 좁아 밝은 화면 색상이 인쇄되면 다소 탁해 보일 수 있습니다.
- 구문:
- cmyk(C%, M%, Y%, K%)
- 범위:
- 잉크별 0–100%
- 적합한 용도:
- 인쇄, 패키지, 인쇄용 작품 준비
HSL to CMYK 참조표
가장 흔한 CSS 색상들을 HSL에서 CMYK로 변환한 표입니다.
| 색상 | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |