무료 온라인 Color Converter
HEX, RGB, RGBA, HSL, HSLA 형식 간 색상을 즉시 변환 — 컬러 피커와 프리셋 스워치가 포함된 무료 온라인 도구. 100% 클라이언트 사이드.
100% 클라이언트 사이드 · 데이터는 브라우저를 절대 벗어나지 않습니다사용 방법 Color Converter
텍스트 필드에 색상 값을 입력하세요 — HEX, RGB, HSL 형식을 모두 지원합니다. 컬러 피커(색상 정사각형)를 사용해 시각적으로 색상을 선택하거나, 프리셋 스워치를 클릭해 빠르게 시작할 수도 있습니다.
변환을 클릭하면 6가지 형식의 표현과 RGBA 색상 스워치를 확인할 수 있습니다. 각 형식 옆의 복사 아이콘을 클릭하면 해당 값이 클립보드에 복사됩니다.
지원 입력 예시:
#FF6B6B또는#f6b(단축 HEX)rgb(255, 107, 107)또는rgba(255, 107, 107, 0.8)hsl(0, 100%, 71%)또는hsla(0, 100%, 71%, 0.5)
자주 묻는 질문
이 도구는 어떤 색상 형식을 지원하나요?
HEX(#RGB, #RRGGBB, #RRGGBBAA), RGB(rgb(r,g,b)), RGBA(rgba(r,g,b,a)), HSL(hsl(h,s%,l%)), HSLA 형식을 지원하며 6가지 표현을 모두 한 번에 출력합니다.
RGB와 HSL의 차이는 무엇인가요?
RGB는 빨강, 초록, 파랑 빛의 강도(각 0–255)로 색상을 표현합니다. HSL은 색조(0–360°, 색상환 위치), 채도(0–100%, 색상 강도), 명도(0–100%, 밝기)로 색상을 표현합니다. HSL은 색상을 조정할 때 사람이 더 직관적으로 이해하기 쉽습니다.
HEX8 형식이란 무엇인가요?
HEX8은 8자리 16진수 코드(#RRGGBBAA)로, 마지막 두 자리가 알파(투명도) 채널을 나타냅니다. 예를 들어 #FF000080은 50% 투명한 빨간색입니다. 최신 CSS와 대부분의 디자인 도구에서 지원됩니다.
CSS 16진수 색상을 RGB로 변환하려면 어떻게 하나요?
# 기호 유무에 관계없이 16진수 색상 코드를 입력 필드에 붙여넣고 변환을 클릭하세요. RGB 값이 결과 테이블에 즉시 나타납니다.
알파 채널이란 무엇인가요?
알파는 투명도를 제어합니다. 0은 완전 투명, 1(또는 100%)은 완전 불투명입니다. RGBA와 HSLA 형식에는 알파 채널이 포함됩니다. 컬러 피커의 기본값은 완전 불투명(alpha = 1)입니다.