언제 사용하나요?
개발·데이터 작업 중 값을 빠르게 확인하거나 다른 형식으로 바꿔야 할 때 유용합니다.
BROWSER UTILITY
컬러 변환기
HEX·RGB·HSL 색상값을 상호 변환해요
✓내 기기에서 처리입력·파일 자동 업로드 없음◇영구 저장 없음민감한 원문을 기록하지 않음↯PWA 확인 중방문·준비한 도구 자원 재사용
변환 결과43자
#1F6B51 rgb(31, 107, 81) hsl(159, 55%, 27%)
흰색 글자 대비6.40:1일반 텍스트 AA 통과
검은색 글자 대비3.28:1일반 텍스트 AA 미달
✓브라우저 안에서 안전하게 입력한 데이터와 파일은 서버로 전송하거나 저장하지 않고 현재 브라우저에서만 처리합니다.
FRIENDLY GUIDE
컬러 변환기, 이렇게 사용해 보세요
HEX·RGB·HSL 색상값을 상호 변환해요 처음 사용하는 분도 아래 순서대로 진행하면 쉽게 결과를 만들 수 있어요.어떻게 사용하나요?
- 1예시 또는 실제 작업 데이터를 입력하고 필요한 형식과 조건을 선택하세요.
- 2결과가 바뀌는 것을 확인하며 색상 선택기와 HEX 입력을 RGB·HSL 값으로 동시에 변환합니다.
- 3결과를 검토한 뒤 복사하거나 다운로드해 코드와 문서에 사용하세요.
주요 기능과 옵션
- HEX·RGB·HSL 색상값을 상호 변환해요
- 색상 선택기와 HEX 입력을 RGB·HSL 값으로 동시에 변환합니다.
- 입력값은 네트워크로 보내지 않고 현재 브라우저에서만 계산합니다.
GLOSSARY
알아두면 좋은 용어
- HEX
- RGB 채널을 16진수로 표현한 색상값
- RGB
- 빨강·초록·파랑의 조합
- HSL
- 색상·채도·밝기로 표현하는 방식
TIP화면과 인쇄물은 색상 공간이 달라 실제 색이 다르게 보일 수 있습니다.