색상 변환기
HEX, RGB, CMYK, HSV 간 색상을 변환하세요. 쉐이드, 틴트 및 색상 도구를 탐색해보세요.
색상 모델 이해: Hex, RGB, CMYK 등
이러한 색상 모델과 용어를 간단하고 쉽게 이해할 수 있도록 분석해 보겠습니다. 스크린과 인쇄물 모두를 위한 작품을 만든다고 상상해 보세요. 이러한 용어들이 어떻게 적용되는지 살펴보겠습니다.
16진수 (Hex)
Hex는 웹사이트의 색상 '비밀번호'와 같습니다.
- #으로 시작하는 6자리 코드입니다.
- 코드의 각 쌍은 빨강, 초록, 파랑(RGB)을 나타냅니다.
- 예: #FF0000은 빨간색,
- #00FF00은 녹색, 그리고
- #0000FF는 파란색입니다.
- 브라우저가 이해하기 때문에 웹 디자인에 적합합니다.
예시:
노란색 버튼을 원하시나요? #FFFF00을 사용하세요.
텍스트를 검은색으로 변경하고 싶으신가요? #000000을 사용하세요.
RGB (빨강, 초록, 파랑)
RGB는 화면이 빛을 혼합하여 색상을 만드는 방식입니다.
- 빨강, 초록, 파랑 강도를 조절하기 위해 0부터 255까지의 숫자를 사용합니다.
- rgb(255, 0, 0) = 완전 밝은 빨간색.
- rgb(0, 255, 0) = 완전 밝은 녹색.
- rgb(255, 255, 255) = 흰색 (모든 빛의 조합).
손전등을 조절하는 것과 같이 생각해 보세요:
- 밝은 빨간색 빛 = 더 많은 빨간색.
- 모든 빛을 켜면 = 흰색.
CMYK (사이안, 마젠타, 노랑, 키/검정)
CMYK는 인쇄에 사용됩니다. 종이에 잉크를 사용하는 것을 생각해 보세요.
- 흰색 종이에서 시작하여 잉크를 사용하여 빛을 '빼는' 감산 모델입니다.
- 사이안 + 마젠타 + 노랑은 색상을 만들지만, 진정한 검정색을 만들기 어렵기 때문에 검정(키)이 추가됩니다.
- CMYK 값은 백분율(0-100%)입니다.
예시:
보라색 전단지의 경우 다음과 같이 사용할 수 있습니다:
- C: 40%, M: 100%, Y: 0%, K: 0%.
HSV (색상, 채도, 명도)
HSV는 우리가 색상을 보는 방식에 초점을 맞춘 색상 모델입니다.
- 색상: 색상의 '유형'(빨강, 초록, 파랑)으로 원의 각도(0°-360°)로 측정됩니다.
- 0° = 빨강, 120° = 초록, 240° = 파랑.
- 채도: 색상의 강도 또는 순수도 (0% = 회색, 100% = 선명함).
- 명도: 밝기, 어둡게(0%)부터 완전 밝게(100%)까지.
예시:
연한 분홍색은 다음과 같을 수 있습니다:
- 색상 = 0° (빨강), 채도 = 30%, 명도 = 90%.
쉐이드 및 틴트
그림의 밝기와 분위기를 조절하는 것과 같다고 생각하세요.
색상 반전
- 색상환에서 색상을 반대색으로 뒤집습니다.
- 예: 검정(#000000)은 흰색(#FFFFFF)이 됩니다.
- 빨강(#FF0000)은 사이안(#00FFFF)이 됩니다.
대비 또는 '네거티브' 효과를 만드는 데 유용합니다.
채도 감소
- 색상의 강도를 줄여 회색에 더 가깝게 만듭니다.
- 색상의 '볼륨'을 줄이는 것으로 생각하세요.
- 예: 밝은 빨강은 칙칙한 빨강이 되고, 회색이 됩니다.
왜 사용해야 할까요?
차분하고 파스텔톤 또는 빈티지톤을 만들기 위해 사용합니다.
RGB vs. CMYK (비유)
- RGB는 빛으로 그림을 그리는 것과 같습니다. 검정색(빈 화면)에서 시작하여 빛을 더해 색상을 만듭니다.
- CMYK는 잉크로 그림을 그리는 것과 같습니다. 흰색(종이)에서 시작하여 잉크를 더해 빛을 뺍니다.
변환해 봅시다!
Hex에서 RGB로:
Hex #FF5733 → RGB (255, 87, 51).
RGB에서 CMYK로:
RGB (255, 87, 51) → CMYK (0%, 66%, 80%, 0%).
각도에서 HSV 색조로:
붉은 오렌지색 색조는 HSV에서 약 20°입니다.