색상 선택기 - 무료 온라인 색상 선택 및 변환

원하는 색상을 선택하고 HEX, RGB, HSL 형식 간에 즉시 변환합니다. 실시간으로 색상을 미리 보고, 랜덤 색상을 생성하고, 한 번의 클릭으로 색상 코드를 복사할 수 있습니다. 웹 디자이너와 개발자에게 적합합니다.

다양한 형식으로 색상 선택 및 변환

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

tools.colorPicker.hex
tools.colorPicker.rgb
tools.colorPicker.hsl

다양한 형식으로 색상 선택 및 변환

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

Learn More

사용 방법

  1. 1HEX 색상 코드를 입력하거나 색상 미리보기를 사용하여 시작하세요.
  2. 2모든 형식 변환과 함께 실시간으로 색상이 표시됩니다.
  3. 3랜덤 버튼을 클릭하여 새로운 색상을 생성하세요.
  4. 4원하는 색상 형식(HEX, RGB, HSL)을 한 번의 클릭으로 복사하세요.

기능

  • 넓은 표시 영역의 실시간 색상 미리보기
  • HEX, RGB, HSL 간 자동 변환
  • 각 색상 형식의 원클릭 복사
  • 영감을 위한 랜덤 색상 생성기
  • 3자리 및 6자리 HEX 코드 지원
  • 무료 사용, 가입 불필요

자주 묻는 질문

HEX, RGB, HSL의 차이점은 무엇인가요?

HEX는 16진수 표기법(#RRGGBB)을 사용합니다. RGB는 빨강, 초록, 파랑 값(0-255)을 지정합니다. HSL은 색상(0-360), 채도(0-100%), 명도(0-100%)를 사용합니다. 세 가지 형식 모두 같은 색상을 다른 형식으로 표현합니다.

웹 개발에는 어떤 색상 형식을 사용해야 하나요?

HEX는 CSS에서 가장 일반적입니다. RGB는 투명도(rgba)가 필요할 때 유용합니다. HSL은 색상, 채도, 명도를 독립적으로 쉽게 변경할 수 있어 색상 조정에 직관적입니다.

3자리 HEX 코드를 입력할 수 있나요?

네. #ABC와 같은 3자리 HEX 코드는 자동으로 #AABBCC로 확장됩니다. 두 형식 모두 지원됩니다.

이 도구를 사용할 때 데이터는 안전한가요?

네. 모든 색상 변환은 브라우저에서 로컬로 수행됩니다. 데이터가 서버로 전송되지 않습니다.

팁 및 관련 워크플로