색상 변환기
💡 색상 모델이란? HEX, RGB, HSL, CMYK는 서로 다른 색상 표현 방식입니다. 각 모델은 특정 용도에 최적화되어 있습니다.
표준 CSS Color Module Level 4
흰색 텍스트
검은색 텍스트
💡 사용 팁
- • HEX: 웹/CSS에서 가장 많이 사용
- • RGB: 스크린, 디지털 디스플레이
- • HSL: 직관적인 색상 조정
- • CMYK: 인쇄용 (근사값)
Color Converter는 HEX (#ffffff), RGB (255,255,255), HSL (0°,0%,100%), CMYK (0%,0%,0%,0%) 등 다양한 색상 형식을 상호 변환하는 도구입니다.
사용 방법
- 1
컬러 피커로 색상 선택 또는 색상 코드 직접 입력
- 2
원하는 형식(HEX, RGB, HSL, CMYK)을 선택
- 3
자동으로 모든 형식으로 변환
- 4
결과를 복사하여 CSS, 디자인 도구에 사용
사용 사례
CSS 작업
HEX 코드를 RGB나 HSL로 변환하여 CSS에서 사용합니다.
디자인 작업
디자인 도구 간 색상 코드 변환이 필요할 때 유용합니다.
인쇄물 작업
RGB를 CMYK로 변환하여 인쇄용 색상을 확인합니다.
접근성 검사
HSL을 사용하여 명도를 조정하고 대비를 확인합니다.
색상 모델이란?
HEX: 16진수로 RGB를 표현 (#RRGGBB). 웹에서 가장 많이 사용됩니다.
RGB: Red, Green, Blue 각각 0-255 범위. 모니터, 디지털 디스플레이에 사용됩니다.
HSL: Hue(색조), Saturation(채도), Lightness(명도). 색상 조정이 직관적입니다.
CMYK: Cyan, Magenta, Yellow, Black. 인쇄용 색상 모델입니다.
자주 묻는 질문 (FAQ)
Q.RGB와 CMYK의 차이는?
A. RGB는 빛의 가산 혼합(디지털), CMYK는 잉크의 감산 혼합(인쇄)입니다. RGB를 CMYK로 변환 시 색상이 다소 달라질 수 있습니다.
Q.HEX 코드가 뭔가요?
A. HEX는 16진수로 RGB를 표현한 것입니다. #FF0000은 빨강(R=255, G=0, B=0)입니다.
Q.변환 결과는 정확한가요?
A. 네. 수학적으로 정확한 변환 공식을 사용합니다. 단, CMYK는 근사값입니다.
다른 유용한 도구
더 많은 개발자 도구를 확인해보세요
모든 도구 보기