각 색상 포맷은 같은 색을 서로 다른 방식으로 서술합니다: 스타일시트에는 HEX, 화면과 코드에는 RGB, 팔레트 구성에는 HSL, 인쇄물에는 CMYK가 주로 쓰입니다. 필요한 변환을 선택하면 정확한 값과 실시간 미리보기, 그 뒤에 사용된 공식을 확인할 수 있습니다.
네 가지 색상 포맷
HEX이(가) 무엇인가요?
HEX 코드는 앞의 # 뒤에 오는 여섯 자리 16진수로 색의 빨강, 초록, 파랑 채널을 저장합니다. 두 자리씩이 각 채널을 나타내며 00(없음)에서 FF(최대)까지 표현해 RGB와 같은 1,670만 색을 더 짧게 표기합니다. HEX는 CSS, 디자인 도구, 브랜드 가이드라인에서 기본 표기입니다.
- 구문:
- #RRGGBB
- 적합한 용도:
- CSS, 디자인 인수인계, 브랜드 가이드라인
RGB이(가) 무엇인가요?
RGB는 색을 빛의 세 채널—빨강, 초록, 파랑—로 표현하며 각 채널은 0에서 255 사이 값입니다. 화면 작동 방식을 그대로 반영해 세 채널이 모두 255이면 흰색, 모두 0이면 검은색이 됩니다. 색으로 계산할 필요가 있을 때는 RGB가 적합하며, rgba()는 투명도를 추가합니다.
- 구문:
- rgb(R, G, B)
- 적합한 용도:
- 코드, 캔버스, rgba()로 투명도 처리
HSL이(가) 무엇인가요?
HSL은 색을 색상(색환상의 0–360°), 채도(얼마나 채색된지, 0–100%), 명도(밝기, 0–100%)로 나눕니다. 사람이 색을 설명하는 방식과 유사하기 때문에 HSL은 색조, 쉐이드, 일관된 팔레트를 수작업이나 코드로 만들 때 가장 다루기 쉽습니다.
- 구문:
- hsl(H, S%, L%)
- 적합한 용도:
- 팔레트, 틴트와 쉐이드, 테마 작업
CMYK이(가) 무엇인가요?
CMYK는 인쇄에서 쓰이는 4색 잉크 모델로 시안, 마젠타, 옐로우, 블랙(key)을 각 0–100% 비율로 나타냅니다. 잉크는 빛을 흡수(감산)하므로 화면보다 재현 가능한 색 영역이 좁아 밝은 화면 색상이 인쇄되면 다소 탁해 보일 수 있습니다.
- 구문:
- cmyk(C%, M%, Y%, K%)
- 적합한 용도:
- 인쇄, 패키지, 인쇄용 작품 준비