> 변환 | 미리보기 | 선택 <
// HEX, RGB, HSL, HSV, CMYK 색상 형식 간 변환
색상 미리보기
실시간 미리보기 업데이트.
모든 형식 입력
모든 형식 자동 업데이트.
5가지 색상 형식
HEX, RGB, HSL, HSV/HSB, CMYK 변환.
// 색상 형식 정보
색상 모델:
가산 RGB, 감산 CMYK, HEX 표기, HSL/HSV 등.
예시:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
일반적인 사용 사례:
- >웹 개발: CSS 색상
- >인쇄: RGB→CMYK
- >UI 디자인: HSL 조정
- >브랜드: 일관된 색상
- >접근성: 대비 비율
>> 자주 묻는 질문
Q: HEX vs RGB?
HEX and RGB represent the same color model in different notations. HEX uses hexadecimal (#FF5733) while RGB uses decimal (rgb(255, 87, 51)).
Q: HSL?
HSL = Hue, Saturation, Lightness. More intuitive for humans. CSS supports hsl() natively.
Q: CMYK?
CMYK is for print. Not all RGB colors can be reproduced in CMYK.
Q: CSS color formats?
Modern browsers support HEX, RGB, HSL, named colors, hwb(), lab(), lch(), oklch().
Q: Accessibility?
Color format does not directly affect accessibility. WCAG 2.1 requires 4.5:1 minimum contrast for normal text.
// 자주 쓰는 색상의 HEX, RGB, HSL
| HEX | RGB | HSL |
|---|---|---|
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) |
| #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) |
| #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
// CSS 색상 표기와 변환
color: #ff8000; color: #f80; /* shorthand for #ff8800 */ color: #ff800080; /* 8 digits: last two = alpha */ color: rgb(255 128 0); color: rgb(255 128 0 / 50%); color: hsl(30 100% 50%); #FF8000 -> FF=255 80=128 00=0 -> rgb(255, 128, 0)
>> 더 많은 질문
Q: HEX를 RGB로 직접 계산하려면?
A: 코드를 두 자리씩 나누어 각각 16진수를 10진수로 바꿉니다. #FF8000 → FF = 255, 80 = 128, 00 = 0이므로 rgb(255, 128, 0)입니다.
Q: 축약형(#F80)과 8자리 HEX는 무엇인가요?
A: #F80은 #FF8800의 축약형입니다(각 자리를 두 번 반복). 8자리(#RRGGBBAA)에서는 마지막 두 자리가 알파(불투명도)입니다.
Q: 인쇄물과 화면에서 색이 다르게 보이는 이유는?
A: 화면은 빛을 가산 혼합(RGB)하고 색 영역이 더 넓으며, 인쇄는 잉크를 감산 혼합(CMYK)합니다. 선명한 녹색·파랑·형광색은 인쇄에서 근사치로만 재현되는 경우가 많으니 색 교정쇄로 확인하세요.