본문으로 건너뛰기
작업 데이터는 서버에 저장하지 않고, 내 브라우저에서 처리합니다.
tools
HEX·RGB·HSL·HSV 색상 변환기

HEX·RGB·HSL·HSV 색상 변환기

색상 선택기나 문자열 입력으로 HEX, RGB, HSL, HSV 값을 실시간 동기화하고 투명도까지 변환합니다.

집중모드
미리보기
색을 고르면 모든 포맷이 동기화됩니다.
#6366F1100%
1.00 · 100%
포맷 변환
아무 칸이나 수정하면 나머지가 자동으로 갱신됩니다. 알파가 1 미만이면 rgba()·hsla()·#RRGGBBAA 형태로 출력됩니다.
채널 값
각 색 공간의 구성 요소입니다.
R
99
G
102
B
241
A
1.00
H
239°
S(L)
84%
L
67%
H
239°
S(V)
59%
V
95%

주요 기능

  • HEX, RGB/RGBA, HSL/HSLA, HSV/HSB 문자열을 서로 변환합니다.
  • 색상 선택기와 네 가지 포맷 입력이 실시간으로 동기화됩니다.
  • 0~100% 알파 슬라이더로 8자리 HEX와 투명도 함수 표기를 생성합니다.
  • RGB, HSL, HSV의 각 채널 값과 대비되는 미리보기 글자색을 보여줍니다.

사용 방법

  1. 색상 선택기에서 고르거나 지원 포맷 값을 입력합니다.
  2. 필요하면 알파 값을 조절합니다.
  3. 원하는 포맷의 색상 코드를 복사합니다.

활용 예시

  • CSS 색상 형식 변환

    디자인의 HEX 값을 rgba()나 hsla()로 바꿔 웹 스타일에 사용합니다.

  • 색상 채널 확인

    한 색의 RGB, HSL, HSV 채널과 투명도 값을 나란히 비교합니다.

개인정보 보호

색상 파싱과 색 공간 계산은 브라우저에서 처리됩니다.

자주 묻는 질문

투명도도 함께 변환되나요?
네. 알파가 1보다 작으면 HEX는 #RRGGBBAA, RGB와 HSL은 rgba()와 hsla() 형태로 출력합니다.
어느 입력 칸을 수정해야 하나요?
HEX, RGB, HSL, HSV 중 아무 칸이나 수정할 수 있습니다. 유효한 값을 입력하면 나머지 형식과 색상 미리보기가 함께 갱신됩니다.

관련 도구