분류: 개발 도구
색상 변환기
HEX, RGB, HSL을 서로 변환.
HEX, rgb(), hsl() 중 하나로 색을 입력하면 세 가지 표기를 한 번에 보여 줍니다. 미리보기와 색상 선택기도 있습니다.
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
HEX는 짧고, RGB는 화면이 빛을 섞는 방식과 맞으며, HSL은 색상·채도·명도를 손으로 조절하기 쉬운 형태로 표현합니다. 서로 변환해도 색은 그대로이고, 스타일시트나 디자인 도구가 요구하는 표기를 얻을 수 있습니다.
사용 방법
- #0f7b63, rgb(15, 123, 99), hsl(170, 78%, 27%) 같은 형식으로 색을 입력합니다.
- 색상 선택기로 시각적으로 고를 수도 있습니다.
- 견본 아래의 HEX, RGB, HSL 값을 확인합니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 어떤 입력 형식을 지원하나요?
- # 유무와 관계없이 3자리·6자리 HEX, 그리고 rgb(), rgba(), hsl(), hsla() 표기를 지원합니다.
- 알파 값도 지원하나요?
- 변환 시 투명도는 무시하며, 불투명한 색을 세 형식으로 표시합니다.