색상 선택기 - 무료 온라인 색상 선택 및 변환
원하는 색상을 선택하고 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%)
사용 방법
- HEX 색상 코드를 입력하거나 색상 미리보기를 사용하여 시작하세요.
- 모든 형식 변환과 함께 실시간으로 색상이 표시됩니다.
- 랜덤 버튼을 클릭하여 새로운 색상을 생성하세요.
- 원하는 색상 형식(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로 확장됩니다. 두 형식 모두 지원됩니다.
이 도구를 사용할 때 데이터는 안전한가요?
네. 모든 색상 변환은 브라우저에서 로컬로 수행됩니다. 데이터가 서버로 전송되지 않습니다.