디자인
색상 변환기
HEX↔RGB↔HSL 색상 코드 변환
#3A86FF
HEX
RGB
rgb(58, 134, 255)HSL
hsl(217, 100%, 61%)이 도구는?
색상 변환기는 HEX, RGB, HSL 세 가지 색상 코드를 실시간으로 상호 변환하는 무료 도구입니다. 컬러 피커로 색상을 직접 선택하거나 코드를 입력하면 나머지 형식이 자동으로 계산됩니다. 웹 디자인, CSS 코딩, 디지털 디자인 작업에 유용합니다.
사용 방법
- 컬러 피커를 클릭하거나 HEX 코드를 입력합니다.
- RGB, HSL 슬라이더로 색상을 세밀하게 조정합니다.
- 필요한 형식의 코드를 복사 버튼으로 클립보드에 복사합니다.
자주 묻는 질문
HEX, RGB, HSL은 각각 무엇인가요?
HEX는 16진수 6자리(#FF5733), RGB는 빨강·초록·파랑 0~255 값(rgb(255,87,51)), HSL은 색상·채도·명도(hsl(14,100%,60%))로 색을 표현합니다. 용도에 따라 편한 형식을 사용하세요.
CSS에서는 어떤 형식을 쓰면 좋나요?
HEX가 가장 많이 사용되지만, 밝기나 채도를 조절할 때는 HSL이 직관적입니다. RGB는 투명도(rgba)를 쓸 때 유용합니다.
입력한 색상 정보가 저장되나요?
아닙니다. 모든 변환은 브라우저에서만 처리되며 서버로 전송되지 않습니다.
본 결과는 참고용으로, 정확한 정보는 공식 기관에서 확인하시기 바랍니다