색상 도구

온라인 색상 변환기 | RGB, HEX, HSL, HSV, CMYK 동기화

RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA를 지원하는 무료 온라인 색상 변환기입니다. 아무 형식이나 수정하면 다른 색상 값이 즉시 업데이트됩니다.

실시간 동기화업로드 불필요

시각적 미리보기

스와치, 기본 색상 선택기, 알파 슬라이더를 사용해 같은 색을 모든 형식에서 정밀하게 조정할 수 있습니다.

미리보기 색상

#3B82F6

rgba(59, 130, 246, 0.84)

색상 선택기

#3B82F6

알파

0.84

실시간 채널

HEX

R: 59
G: 130
B: 246
A: 0.84

편집 팁

입력 중 값이 잠시 유효하지 않아도 마지막으로 유효했던 색상은 유지됩니다. 값을 완성하면 다른 형식이 다시 자동으로 동기화됩니다.

실시간 동기화업로드 불필요

양방향 색상 형식 편집기

아래의 모든 형식은 직접 편집할 수 있습니다. HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK 또는 CMYKA를 변경하면 나머지 색상 모델도 바로 동기화됩니다.

HEX

원본

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

설명

RGB

RGB는 빨강(R), 초록(G), 파랑(B) 세 채널로 구성된 표준 색상 모델입니다. 세 채널의 강도를 조절해 화면에서 볼 수 있는 대부분의 색을 표현할 수 있으며, 디지털 디스플레이에서 가장 널리 쓰이는 색 체계 중 하나입니다.

RGBA

RGBA는 RGB에 투명도를 나타내는 알파 채널을 추가한 형식입니다. R, G, B는 보통 0~255, A는 0~1 또는 0%~100% 범위를 사용하며 CSS에서 투명 색상을 다룰 때 자주 사용됩니다.

HEX

HEX는 16진수로 색상을 표현하는 방식입니다. 짧고 복사하기 쉬워서 웹 디자인과 CSS에서 널리 사용됩니다. #2E8B57 같은 값은 빨강, 초록, 파랑을 16진수 쌍으로 나타내며, 확장 형식은 투명도도 포함할 수 있습니다.

HSL

HSL(색상, 채도, 명도)은 RGB 색을 원통 좌표계로 표현한 방식입니다. H는 색상 계열, S는 색의 선명도, L은 밝기를 의미하며 0%는 가장 어둡고 50%는 중간, 100%는 가장 밝습니다.

HSLA

HSLA는 HSL에 알파 채널을 더한 형식입니다. 색상, 채도, 명도 표현은 그대로 유지하면서 투명도까지 다룰 수 있어 그림자, 반투명 채우기, 오버레이, UI 상태색에 적합합니다.

HSV

HSV(색상, 채도, 명도)는 A. R. Smith가 1978년에 만든 색 공간으로 Hexcone Model이라고도 부릅니다. V가 색이 얼마나 밝게 보이는지를 직접 나타내므로 직관적인 색상 선택에 자주 쓰입니다.

HSVA

HSVA는 HSV에 알파 채널을 추가한 형식입니다. 색상, 채도, 명도 중심으로 색을 다루면서 동시에 투명도도 표현해야 하는 인터페이스와 그래픽 작업에 유용합니다.

CMYK

CMYK는 인쇄에 주로 사용되는 색상 모드입니다. 인쇄물은 외부 빛을 반사해 보여지므로 신문, 포장재, 브로셔 같은 매체에 적합합니다. 화면용 RGB와 달리 CMYK는 잉크 표현을 기준으로 설계되었습니다.

CMYKA

CMYKA는 CMYK에 알파 채널을 추가한 형식입니다. 인쇄 중심 색상값과 투명도를 함께 전달해야 하는 디자인 핸드오프나 레이어 자산 작업에 유용합니다.

온라인 색상 변환기 사용 방법

HEX, RGB, RGBA, HSL, HSV, CMYK 등 원하는 형식 입력칸에 색상 값을 붙여넣거나 입력하세요.

값이 유효해지면 도구가 다른 모든 지원 형식으로 자동 변환합니다.

미리보기 패널, 색상 선택기, 알파 슬라이더, 복사 기능으로 필요한 정확한 색상을 다듬고 내보내세요.

주요 기능

양방향 형식 동기화

지원되는 어떤 형식을 수정해도 RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA가 실시간으로 동기화됩니다.

시각적 색상 제어

실시간 스와치, 브라우저 색상 선택기, 알파 슬라이더, 채널 표시로 현재 색상을 즉시 확인할 수 있습니다.

브라우저 기반 변환

각 필드는 익숙한 함수 구문을 지원하며, 모든 변환은 브라우저에서 빠르고 비공개로 처리됩니다.

색상 변환기 FAQ

어떤 색상 형식을 수정해도 나머지 형식이 함께 업데이트되나요?

네. 양방향 동기화를 지원합니다. RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA 중 어떤 형식을 수정해도 값이 유효해지는 즉시 다른 형식이 함께 업데이트됩니다.

변환할 때 투명도는 어떻게 처리되나요?

이 페이지에서는 HEX를 알파 없이 표시합니다. 투명도는 RGBA, HSLA, HSVA, CMYKA에 유지되며 미리보기에도 현재 불투명도가 그대로 반영됩니다.

이 색상 변환기는 비공개인가요?

아니요. 모든 변환 로직은 브라우저 안에서 로컬로 실행되므로 색상 값이 서버에 업로드되지 않습니다.