개발자 도구

색상 변환기 — HEX, RGB, HSL 선택기를 브라우저에서

색상을 선택하고 HEX, RGB, HSL 사이를 변환하세요 — 모두 동기화되어, 즉시.

이 도구는 브라우저 안에서 온전히 작동합니다. 파일은 절대 업로드되지 않으며 기기에 그대로 남습니다.

개발자와 디자이너가 가장 많이 쓰는 세 가지 형식 사이에서 색상을 빠르고 안정적으로 변환하는 방법입니다. 선택기로 색조를 고르거나 HEX, RGB, HSL 필드에 값을 입력하면 — 입력하는 순간 나머지 형식이 갱신되며, 큰 실시간 견본으로 지금 무엇을 갖고 있는지 정확히 볼 수 있습니다.

모든 계산은 순수 JavaScript로 브라우저에서 바로 이루어집니다. 설치할 것도, 만들 계정도, 어디로 전송되는 데이터도 없습니다.

색상 변환기 사용 방법

  1. 색상 선택기를 사용하거나 HEX, RGB, HSL 필드에 값을 입력하세요.
  2. 견본과 나머지 두 형식이 즉시 갱신되어 맞춰지는 것을 확인하세요.
  3. 단일 채널(R, G, B, H, S, L)을 조정하면 나머지가 동기화됩니다.
  4. 형식 옆의 복사 버튼을 눌러 클립보드에 담으세요.

자주 묻는 질문

어떤 색상 형식을 지원하나요?

HEX(예: #4f46e5), RGB(예: rgb(79, 70, 229)), HSL(예: hsl(245, 76%, 59%))을 지원합니다. 어느 하나를 편집하면 나머지 둘이 자동으로 다시 계산됩니다.

제 데이터가 서버로 전송되나요?

아니요. 변환은 JavaScript를 사용해 전적으로 브라우저에서 실행됩니다. 입력하는 어떤 것도 업로드되거나 어디에도 저장되지 않습니다.

HEX 값을 # 기호와 함께 또는 없이 붙여넣을 수 있나요?

네. 3자리(#abc)와 6자리(#aabbcc) HEX 모두 앞의 # 유무와 관계없이 받아들입니다.

투명도나 알파 채널도 처리하나요?

HEX, RGB, HSL의 불투명 색상에 집중합니다. 알파(RGBA/HSLA)는 변환하지 않으므로 값이 깔끔하고 예측 가능하게 유지됩니다.

관련 도구