색상 형식 한눈에 보기
| 형식 | 예시 | 적합한 용도 |
|---|---|---|
| HEX | #3B82F6 | CSS 및 디자인 핸드오프 |
| RGB | rgb(59, 130, 246) | 프로그래밍 방식의 색상 조작 및 브라우저 렌더링 |
| HSL | hsl(217, 91%, 60%) | 사람이 이해하기 쉬운 색조, 채도, 밝기 조정 |
| CMYK | cmyk(76, 47, 0, 4) | 인쇄 중심 워크플로 |
다양한 형식의 동일한 파란색
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
언제 무엇을 사용할까요
- 디자인 시스템이나 스타일시트에 사용할 짧고 CSS 친화적인 값이 필요할 때 HEX를 사용하세요.
- 코드나 브라우저 API가 채널 값을 직접 요구할 때 RGB를 사용하세요.
- 밝기나 채도를 더 직관적으로 변경하려면 HSL을 사용하세요.
- 인쇄 관련 대화에는 CMYK를 사용하고, CSS의 기본 형식으로는 사용하지 마세요.
이 참고 자료를 적절한 도구와 함께 사용하세요
관련 도구