Glyph WidgetsGlyph Widgets
소개연락처개인정보약관Ko-fi에서 후원하기

© 2026 Glyph Widgets. 모든 권리 보유.

·

100% 클라이언트 측 처리

색상 변환기

마지막 업데이트: 2026년 3월 6일

HEX, RGB, HSL, HSB(HSV), CMYK 등 모든 주요 형식 간에 색상을 즉시 변환합니다. 입력 형식을 자동 감지하고 실시간으로 모든 변환을 표시합니다.

기능

  • ▶HEX에서 RGB로
  • ▶RGB에서 HSL로
  • ▶HSL에서 HEX로
  • ▶CMYK 지원
  • ▶HSV 지원
  • ▶CSS 색상 값

이 도구 사용 방법

1

색상 입력

입력 필드에 색상 값을 입력하거나 붙여넣으세요. 지원 형식: #FF5733, rgb(255, 87, 51), hsl(10, 100%, 60%). 형식은 자동으로 감지됩니다.

2

또는 시각적으로 선택

색상 선택기 버튼을 사용하여 시각적으로 색상을 선택하세요. 정확한 값이 없거나 색상 옵션을 탐색하려는 경우에 유용합니다.

3

모든 형식 보기

지원되는 모든 형식(HEX, RGB, HSL, HSB, CMYK)으로 즉시 변환을 확인하세요. 각 형식은 복사할 준비가 된 완전한 값을 표시합니다.

4

필요한 것 복사

모든 형식 옆의 복사 버튼을 클릭하여 클립보드에 복사하세요. 조정된 값 섹션을 사용하여 정밀한 숫자 제어로 색상을 미세 조정하세요.

입력 감지

변환기는 입력을 분석하여 색상 형식을 감지합니다. HEX 코드(# 유무와 관계없이), rgb() 및 rgba() 함수, hsl() 및 hsla() 함수를 인식합니다. 잘못된 입력은 정상적으로 무시됩니다.

중간 형식으로서의 RGB

모든 변환은 RGB를 중간 형식으로 사용합니다. 입력은 먼저 RGB로 변환된 다음 RGB가 모든 출력 형식으로 변환됩니다. 이를 통해 모든 변환에서 수학적 일관성이 보장됩니다.

HEX 변환

HEX 색상은 RGB 값을 16진수(기수 16)로 나타냅니다. 각 문자 쌍(RR, GG, BB)은 00에서 FF까지의 값(10진수 0-255)을 나타냅니다. 변환은 단순히 숫자 기수 사이를 전환합니다.

HSL 변환

RGB에서 HSL로의 변환은 다음을 계산합니다: 색상환에서 지배적인 색상 구성 요소의 위치에서 색조(0-360°), RGB 최소값과 최대값 사이의 범위에서 채도, 최소값과 최대값의 평균에서 명도.

CMYK 변환

RGB에서 CMYK로의 변환: K(검정) = 1 - max(R,G,B), C = (1-R-K)/(1-K), M = (1-G-K)/(1-K), Y = (1-B-K)/(1-K). 이것은 수학적 근사치이며, 실제 인쇄 색상은 잉크와 종이 속성에 따라 다릅니다.

자주 묻는 질문

이 도구는 HEX(#RRGGBB), RGB(빨강, 초록, 파랑), HSL(색조, 채도, 밝기), HSB/HSV(색조, 채도, 밝기), CMYK(청록, 자홍, 노랑, 검정) 간에 변환합니다.

관련 도구

색상 선택기

화면에서 색상 선택

대비 검사기

WCAG 준수 확인

팔레트 생성기

색상 팔레트 생성

지원: HEX (#RRGGBB), RGB, HSL, 또는 일반 16진수 값

#3B82F6
또는 시각적으로 색상 선택

모든 형식

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSBhsb(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
공유

저장된 프리셋은(는) 서포터 전용 기능입니다.

도구 기록은(는) 서포터 전용 기능입니다.

도구 메모은(는) 서포터 전용 기능입니다.