색상 변환기
HEX, RGB, HSL 색상 형식을 브라우저에서 즉시 서로 변환하세요.
🔒 브라우저에서 로컬로 처리됩니다
Loading…
사용 방법
- 색상 견본 선택기를 클릭해 시각적으로 색상을 고르거나, 텍스트 필드에 값을 직접 입력하세요.
- 입력하는 값은 HEX 코드(맨 앞 # 유무 상관없음), rgb()/rgba() 문자열, 또는 hsl()/hsla() 문자열이 가능합니다.
- 유효한 색상이 인식되는 즉시 아래의 HEX, RGB, HSL 행이 즉시 업데이트됩니다 — 별도의 버튼을 누를 필요가 없습니다.
- 큰 미리보기 상자에서 해당 색상이 실제로 어떻게 보이는지 확인할 수 있습니다.
- 각 행 옆의 복사 버튼을 클릭하면 해당 형식이 클립보드에 복사됩니다.
기능
- HEX, RGB, HSL 간의 실시간 즉시 변환
- 입력한 HEX, rgb(), hsl() 값 또는 기본 색상 선택기 사용 가능
- 각 형식마다 클릭 한 번으로 복사
- 100% 클라이언트 사이드 — 색상 값이 브라우저 밖으로 전송되지 않음
- 업로드 과정 없음 — 애초에 업로드할 대상이 없음
자주 묻는 질문
이 도구가 제 색상 값을 어딘가로 전송하나요?
아니요. 모든 변환은 브라우저 내에서 일반 자바스크립트 연산으로 처리되며, 어떤 데이터도 업로드되거나 서버로 전송되지 않습니다.
입력 필드에 어떤 형식을 입력할 수 있나요?
HEX 코드(예: #3b82f6 또는 3b82f6), rgb()/rgba() 문자열(예: rgb(59, 130, 246)), hsl()/hsla() 문자열(예: hsl(217, 91%, 60%))을 입력할 수 있습니다.
알파(투명도)를 지원하나요?
현재는 지원하지 않습니다. rgba() 또는 hsla() 값을 입력하면 알파 값은 인식되지만 무시되며, 불투명한 색상만 변환됩니다.
변환할 수 있는 색상 개수에 제한이 있나요?
아니요. 원하는 만큼 색상을 변환할 수 있습니다 — 입력 값을 바꿀 때마다 즉시 다시 계산됩니다.
왜 입력한 값에서 오류가 표시되나요?
입력한 텍스트가 인식 가능한 HEX, RGB, HSL 패턴과 일치하지 않는 경우입니다. #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%)와 같은 형식인지 확인해 보세요.