색상 | 변환 | 미리보기

> 변환 | 미리보기 | 선택 <

// 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.

// 다른 언어