색상 코드 변환기
HEX, RGB, HSL 색상 형식을 자유롭게 변환합니다. 컬러 피커로 색상을 선택하거나 직접 코드를 입력하면 모든 형식이 즉시 업데이트됩니다.
HEX, RGB, HSL 색상 값을 서로 변환하고 바로 쓸 수 있는 CSS 사용자 정의 속성 값까지 복사할 수 있습니다. 직접 입력하거나 브라우저 색상 선택기를 사용할 수 있습니다.
색상 변환 방법
- 3자리/6자리 HEX, rgb(r,g,b), 또는 hsl(h,s%,l%) 값을 입력하세요.
- 변환 버튼을 누르거나 입력 후 잠시 기다려 자동 변환하세요.
- HEX, RGB, HSL, CSS 변수 결과와 색상 미리보기를 확인하세요.
- 필요한 형식의 복사 버튼을 누르세요.
지원하는 색상 형식
HEX는 # 기호가 있어도 없어도 되며 3자리와 6자리를 지원합니다. RGB는 정수 채널의 rgb(r,g,b) 형식, HSL은 hsl(h,s%,l%) 형식을 처리합니다.
알파 채널, CSS 색상 이름, 최신 공백 구분 CSS 문법, LAB/LCH/OKLCH/Display-P3/CMYK 같은 색 공간은 현재 지원하지 않습니다.
개인정보 보호 및 제한 사항
색상 해석과 변환은 브라우저에서 로컬로 수행됩니다. 이 도구는 기본 HEX/RGB/HSL 변환용이며 색상 관리, gamut 변환, 접근성 대비 검사, 장치 프로파일 변환은 하지 않습니다.
자주 묻는 질문
3자리 HEX도 되나요?
네. #abc 같은 값은 내부적으로 대응하는 6자리 HEX로 확장합니다.
투명도 알파 값도 지원하나요?
아니요. 현재는 알파 없는 RGB 색상만 처리합니다.
색상 선택기를 사용할 수 있나요?
네. 브라우저 색상 선택기에서 고르면 입력과 변환 결과가 자동 갱신됩니다.
CSS var 결과는 무엇인가요?
--color: #rrggbb; 형태의 간단한 CSS 사용자 정의 속성 선언입니다.
색상 값이 업로드되나요?
아니요. 변환은 브라우저 안에서 처리됩니다.